nexxtway/react-rainbow

View on GitHub

Showing 2,739 of 2,739 total issues

Similar blocks of code found in 2 locations. Consider refactoring.
Open

    it('should call setAnimation on marker with the bounce animation when mouseover event occurs on marker button', () => {
        marker.setAnimation.mockReset();
        const component = mount(<MapMarker latitude={5} longitude={10} />);
        // this actually is context not props
        component.setProps(newContext);
Severity: Major
Found in src/components/MapMarker/__test__/mapMarker.spec.js and 1 other location - About 4 hrs to fix
src/components/MapMarker/__test__/mapMarker.spec.js on lines 156..163

Duplicated Code

Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

Tuning

This issue has a mass of 127.

We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

Refactorings

Further Reading

Similar blocks of code found in 2 locations. Consider refactoring.
Open

        it('should return true when a children in the tabset was changed in the same position', () => {
            const tabsetChildren = [
                { props: { name: 'pizza' } },
                { props: { name: 'onion' } },
                { props: { name: 'tomato' } },
Severity: Major
Found in src/components/Tabset/__test__/utils.spec.js and 1 other location - About 4 hrs to fix
src/components/Tabset/__test__/utils.spec.js on lines 139..151

Duplicated Code

Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

Tuning

This issue has a mass of 127.

We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

Refactorings

Further Reading

Similar blocks of code found in 2 locations. Consider refactoring.
Open

        it('should return false when any children in tabset was changed in the same position', () => {
            const tabsetChildren = [
                { props: { name: 'tomato' } },
                { props: { name: 'pizza' } },
                { props: { name: 'apple' } },
Severity: Major
Found in src/components/Tabset/__test__/utils.spec.js and 1 other location - About 4 hrs to fix
src/components/Tabset/__test__/utils.spec.js on lines 126..138

Duplicated Code

Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

Tuning

This issue has a mass of 127.

We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

Refactorings

Further Reading

Function render has 114 lines of code (exceeds 25 allowed). Consider refactoring.
Open

    render() {
        const { handleSubmit } = this.props;
        return (
            <form
                className="rainbow-p-horizontal_x-large rainbow-p-bottom_large rainbow-checkout_media-styles-container"
Severity: Major
Found in examples/create-react-app/src/pages/ReduxForm/form.js - About 4 hrs to fix

    Similar blocks of code found in 4 locations. Consider refactoring.
    Open

        it('should set minutes input value to "00" when press up key after reset minutes input', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await timePicker.setMinutesValue('03');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 3 other locations - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 435..444
    integration/specs/TimePicker/timePicker-1.spec.js on lines 445..454
    integration/specs/TimePicker/timePicker-1.spec.js on lines 465..474

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 4 locations. Consider refactoring.
    Open

        it('should set hour input value to "12" when press down key after reset hour input', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await timePicker.setHourValue('05');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 3 other locations - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 435..444
    integration/specs/TimePicker/timePicker-1.spec.js on lines 465..474
    integration/specs/TimePicker/timePicker-1.spec.js on lines 485..494

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 4 locations. Consider refactoring.
    Open

        it('should set hour input value to "01" when press up key after reset hour input', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await timePicker.setHourValue('05');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 3 other locations - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 445..454
    integration/specs/TimePicker/timePicker-1.spec.js on lines 465..474
    integration/specs/TimePicker/timePicker-1.spec.js on lines 485..494

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 4 locations. Consider refactoring.
    Open

        it('should set minutes input value to "59" when press down key after reset minutes input', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await timePicker.setMinutesValue('34');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 3 other locations - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 435..444
    integration/specs/TimePicker/timePicker-1.spec.js on lines 445..454
    integration/specs/TimePicker/timePicker-1.spec.js on lines 485..494

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

    function SvgChina({ className, style }) {
        return (
            <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
                <g fillRule="nonzero" fill="none">
                    <path
    Severity: Major
    Found in src/components/PhoneInput/flags/China.js and 1 other location - About 4 hrs to fix
    src/components/PhoneInput/flags/Austria.js on lines 4..19

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

        it('should select La Habana with keyboard', async () => {
            const lookup = new PageLookup(LOOKUP);
            await lookup.click();
            await lookup.setQuery('l');
            await lookup.waitUntilOpen();
    Severity: Major
    Found in integration/specs/Lookup/lookup-5.spec.js and 1 other location - About 4 hrs to fix
    integration/specs/Lookup/lookup-1.spec.js on lines 70..79

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

    function SvgAustria({ className, style }) {
        return (
            <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
                <g fillRule="nonzero" fill="none">
                    <path
    Severity: Major
    Found in src/components/PhoneInput/flags/Austria.js and 1 other location - About 4 hrs to fix
    src/components/PhoneInput/flags/China.js on lines 4..19

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

        it('should set the right hour input value and focus minutes input when type "02" and hour input is focused', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await browser.keys('0');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 1 other location - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 252..260

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

        it('should set the right hour input value and focus minutes input when type "15" and hour input is focused', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await browser.keys('1');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 1 other location - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 243..251

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

        it('should set the right minutes input value and keep the focus on minutes input when type "5" and minutes input is focused', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await browser.keys(ARROW_RIGHT_KEY);
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 1 other location - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 354..362

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

        it('should set the right minutes input value and focus am-pm selector when type "6" and minutes input is focused', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await browser.keys(ARROW_RIGHT_KEY);
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 1 other location - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 383..391

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

        it('should select London with keyboard', async () => {
            const lookup = new PageLookup(LOOKUP);
            await lookup.click();
            await lookup.setQuery('lo');
            await lookup.waitUntilOpen();
    Severity: Major
    Found in integration/specs/Lookup/lookup-1.spec.js and 1 other location - About 4 hrs to fix
    integration/specs/Lookup/lookup-5.spec.js on lines 23..32

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 126.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 3 locations. Consider refactoring.
    Open

        it('should set minutes input value to "00" when press up button after reset minutes input', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await timePicker.setMinutesValue('03');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 2 other locations - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 455..464
    integration/specs/TimePicker/timePicker-1.spec.js on lines 475..484

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 125.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 3 locations. Consider refactoring.
    Open

                            <section ref={example5Ref}>
                                <h3 className="react-rainbow-customization_section-heading">
                                    How customize the main color for all the components on my app?
                                </h3>
                                <Playground
    Severity: Major
    Found in library/pages/CustomizationPage/index.js and 2 other locations - About 4 hrs to fix
    library/pages/CustomizationPage/index.js on lines 362..376
    library/pages/CustomizationPage/index.js on lines 377..391

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 125.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 3 locations. Consider refactoring.
    Open

        it('should set hour input value to "12" when press down button after reset hour input', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await timePicker.setHourValue('05');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 2 other locations - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 475..484
    integration/specs/TimePicker/timePicker-1.spec.js on lines 495..504

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 125.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 3 locations. Consider refactoring.
    Open

        it('should set minutes input value to "59" when press down button after reset minutes input', async () => {
            const timePicker = new PageTimePicker(TIME_PICKER);
            await timePicker.clickTimeInput();
            await timePicker.waitUntilOpen();
            await timePicker.setMinutesValue('34');
    Severity: Major
    Found in integration/specs/TimePicker/timePicker-1.spec.js and 2 other locations - About 4 hrs to fix
    integration/specs/TimePicker/timePicker-1.spec.js on lines 455..464
    integration/specs/TimePicker/timePicker-1.spec.js on lines 495..504

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 125.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Severity
    Category
    Status
    Source
    Language