scratch-paint/test/unit/fill-color-reducer.test.js

/* eslint-env jest */
import fillColorReducer from '../../src/reducers/fill-style';
import {changeFillColor} from '../../src/reducers/fill-style';
import {setSelectedItems} from '../../src/reducers/selected-items';
import {MIXED} from '../../src/helper/style-path';
import GradientTypes from '../../src/lib/gradient-types';
import {mockPaperRootItem} from '../__mocks__/paperMocks';

test('initialState', () => {
    let defaultState;

    expect(fillColorReducer(defaultState /* state */, {type: 'anything'} /* action */)).toBeDefined();
});

test('changeFillColor', () => {
    let defaultState;

    // 3 value hex code
    let newFillColor = '#fff';
    expect(fillColorReducer(defaultState /* state */, changeFillColor(newFillColor) /* action */).primary)
        .toEqual(newFillColor);
    expect(fillColorReducer('#010' /* state */, changeFillColor(newFillColor) /* action */).primary)
        .toEqual(newFillColor);

    // 6 value hex code
    newFillColor = '#facade';
    expect(fillColorReducer(defaultState /* state */, changeFillColor(newFillColor) /* action */).primary)
        .toEqual(newFillColor);
    expect(fillColorReducer('#010' /* state */, changeFillColor(newFillColor) /* action */).primary)
        .toEqual(newFillColor);
});

test('changefillColorViaSelectedItems', () => {
    let defaultState;

    const fillColor1 = 6;
    const fillColor2 = null; // transparent
    let selectedItems = [mockPaperRootItem({fillColor: fillColor1})];
    expect(fillColorReducer(defaultState /* state */, setSelectedItems(selectedItems) /* action */).primary)
        .toEqual(fillColor1);
    selectedItems = [mockPaperRootItem({fillColor: fillColor2})];
    expect(fillColorReducer(defaultState /* state */, setSelectedItems(selectedItems) /* action */).primary)
        .toEqual(fillColor2);
    selectedItems = [mockPaperRootItem({fillColor: fillColor1}), mockPaperRootItem({fillColor: fillColor2})];
    expect(fillColorReducer(defaultState /* state */, setSelectedItems(selectedItems) /* action */).primary)
        .toEqual(MIXED);
});

test('invalidChangeFillColor', () => {
    const origState = {primary: '#fff', secondary: null, gradientType: GradientTypes.SOLID};

    expect(fillColorReducer(origState /* state */, changeFillColor() /* action */))
        .toBe(origState);
    expect(fillColorReducer(origState /* state */, changeFillColor('#') /* action */))
        .toBe(origState);
    expect(fillColorReducer(origState /* state */, changeFillColor('#1') /* action */))
        .toBe(origState);
    expect(fillColorReducer(origState /* state */, changeFillColor('#12') /* action */))
        .toBe(origState);
    expect(fillColorReducer(origState /* state */, changeFillColor('#1234') /* action */))
        .toBe(origState);
    expect(fillColorReducer(origState /* state */, changeFillColor('#12345') /* action */))
        .toBe(origState);
    expect(fillColorReducer(origState /* state */, changeFillColor('#1234567') /* action */))
        .toBe(origState);
    expect(fillColorReducer(origState /* state */, changeFillColor('invalid argument') /* action */))
        .toBe(origState);
});