fixed-react-data-grid-custom/src/masks/__tests__/CopyMask.spec.js

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like

import React from 'react';
import { shallow } from 'enzyme';

import CellMask from '../CellMask';
import CopyMask from '../CopyMask';

describe('CopyMask', () => {
  const setup = (propsOverride = {}) => {
    const props = {
      getSelectedDimensions: () => ({
        height: 30,
        width: 50,
        left: 5,
        top: 90
      }),
      ...propsOverride
    };

    const wrapper = shallow(<CopyMask {...props} />);
    return wrapper.find(CellMask);
  };

  it('should render the CellMask component with correct position for the copied cell', () => {
    const mask = setup({ copiedPosition: { idx: 0, rowIdx: 3 } });

    expect(mask.props()).toEqual(
      jasmine.objectContaining({
        height: 30,
        width: 50,
        left: 5,
        top: 90,
        className: 'react-grid-cell-copied'
      })
    );
  });
});