nexxtway/react-rainbow

File utils.spec.js has 300 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
    insertChildOrderly,
    getChildTabNodes,
    getTabIndexFromName,
    getChildrenTotalWidth,

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

Open

    describe('getChildTabNodes', () => {
        const elements = [
            { element: 'a', innerText: 'Julio' },
            { element: 'a', innerText: 'Pepe' },
        ];

• Read up
  Read up

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

Open

        it('should return true when screen width is more than 600px and last tab is visible', () => {
            const activeTabName = 'pizza';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return true when screen width is less than 600px and last tab is active', () => {
            const activeTabName = 'tomato';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return false when screen width is more than 600px and last tab is not visible', () => {
            const activeTabName = 'pizza';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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' } },

• Read up
  Read up

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' } },

• Read up
  Read up

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

Open

        it('should return true when screen width is more than 600px and first tab is visible', () => {
            const activeTabName = 'onion';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return true when screen width is less than 600px and first tab is active', () => {
            const activeTabName = 'pizza';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return false when screen width is more than 600px and first tab is not visible', () => {
            const activeTabName = 'onion';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return the right total children width in tabset when click the second tab', () => {
            const tabIndex = 1;
            const tabsetChildren = [
                { name: 'pizza', ref: { offsetWidth: 1 } },
                { name: 'onion', ref: { offsetWidth: 2 } },

• Read up
  Read up

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

Open

        it('should return 0 when click the first tab', () => {
            const tabIndex = 0;
            const tabsetChildren = [
                { name: 'pizza', ref: { offsetWidth: 1 } },
                { name: 'onion', ref: { offsetWidth: 2 } },

• Read up
  Read up

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

Open

        it('should return 0 when any children in tabset has width', () => {
            const tabsetChildren = [
                { name: 'pizza', ref: { offsetWidth: 0 } },
                { name: 'onion', ref: { offsetWidth: 0 } },
                { name: 'tomato', ref: { offsetWidth: 0 } },

• Read up
  Read up

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

Open

        it('should return the right total children width in tabset', () => {
            const tabsetChildren = [
                { name: 'pizza', ref: { offsetWidth: 1 } },
                { name: 'onion', ref: { offsetWidth: 2 } },
                { name: 'tomato', ref: { offsetWidth: 3 } },

• Read up
  Read up