nexxtway/react-rainbow

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

Open

        expect(component.state().rows).toEqual([
            {
                inputType: 'checkbox',
                isDisabled: false,
                isSelected: true,

• Read up
  Read up

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

Open

        expect(component.state().rows).toEqual([
            {
                inputType: 'checkbox',
                isDisabled: false,
                isSelected: true,

• Read up
  Read up

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

Open

        expect(component.state().rows).toEqual([
            {
                inputType: 'checkbox',
                isDisabled: false,
                isSelected: true,

• Read up
  Read up

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

Open

        expect(component.state().rows).toEqual([
            {
                inputType: 'radio',
                isDisabled: false,
                isSelected: false,

• Read up
  Read up

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

Open

        expect(component.state().rows).toEqual([
            {
                inputType: 'checkbox',
                isDisabled: false,
                isSelected: false,

• Read up
  Read up

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

Open

        expect(component.state().rows).toEqual([
            {
                inputType: 'checkbox',
                isDisabled: false,
                isSelected: false,

• Read up
  Read up

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

Open

        expect(component.state().rows).toEqual([
            {
                inputType: 'checkbox',
                isDisabled: false,
                isSelected: true,

• Read up
  Read up

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

Open

    it('should return true when rect dimensions match in element and container', () => {
        const element = {
            getBoundingClientRect() {
                return {
                    top: 10,

• Read up
  Read up

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

Open

    it('should return false when element top is less than container top', () => {
        const element = {
            getBoundingClientRect() {
                return {
                    top: 8,

• Read up
  Read up

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

Open

    it('should return false when element bottom is greater than container bottom', () => {
        const element = {
            getBoundingClientRect() {
                return {
                    top: 10,

• Read up
  Read up

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

Open

    it('should return true when element rect dimensions are inside container', () => {
        const element = {
            getBoundingClientRect() {
                return {
                    top: 20,

• Read up
  Read up

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

Open

    it('should be enabled the right button when the first tab is visible', async () => {
        const tabset = new PageTabset(TABSET);
        const firstTab = await tabset.getItem(0);
        await expect(await firstTab.isVisibleWithinViewport()).toBe(true);
        await expect(await tabset.isRightButtonEnabled()).toBe(true);

• Read up
  Read up

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

Open

const StyledContainer = styled.div.attrs(props => {
    const theme = getTheme(props);
    const { brand, success } = theme.palette;
    const { light: brandLightColor } = brand;
    const { light: successLightColor } = success;

• Read up
  Read up

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

Open

    it('should not set the onClearValue prop in SelectedValue component when pass readOnly', () => {
        const value = { label: 'New York', description: 'awesome city' };
        const component = mount(<Lookup label="custom label" value={value} readOnly />);
        expect(component.find('SelectedValue').prop('onClearValue')).toBeUndefined();
    });

• Read up
  Read up

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

Open

    it('should not set the onClearValue prop in SelectedValue component when pass disabled', () => {
        const value = { label: 'New York', description: 'awesome city' };
        const component = mount(<Lookup label="custom label" value={value} disabled />);
        expect(component.find('SelectedValue').prop('onClearValue')).toBeUndefined();
    });

• Read up
  Read up

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

Open

    it('should be disabled the left button when the first tab is visible', async () => {
        const tabset = new PageTabset(TABSET);
        const firstTab = await tabset.getItem(0);
        await expect(await firstTab.isVisibleWithinViewport()).toBe(true);
        await expect(await tabset.isLeftButtonEnabled()).toBe(false);

• Read up
  Read up

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

Open

const StyledBar = styled.span.attrs(props => {
    const theme = getTheme(props);
    const { brand, success } = theme.palette;
    const { main: brandMainColor } = brand;
    const { main: successMainColor } = success;

• Read up
  Read up

Function ConsoleIcon has 72 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ConsoleIcon = props => {
    const { className } = props;
    return (
        <svg className={className} width="17px" height="17px" viewBox="0 0 17 17" version="1.1">
            <title>console</title>

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

Open

    it('should move to the last focusabled item when first item is active and press arrow up', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const menuItem = await buttonMenu.getItem(3);
        await browser.keys('ArrowUp');

• Read up
  Read up

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

Open

    it('should move to the next focusabled item when press arrow down', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const menuItem = await buttonMenu.getItem(2);
        await browser.keys('ArrowDown');

• Read up
  Read up