Sha256: ab98490edc8cd3f2a309c44727bf1ff7180218f28fa0b128b64aba494cc328a4
Contents?: true
Size: 1.81 KB
Versions: 5
Compression:
Stored size: 1.81 KB
Contents
import React from 'react';
import { first, map, find, range } from 'lodash';
import { autorun } from 'mobx';
import Sync from 'hippo/models/sync';
import Query from 'hippo/models/query';
import DataTable from 'hippo/components/data-table';
import { Container } from '../test-models';
jest.mock('hippo/models/sync');
describe("DataTable Component", () => {
let query;
beforeEach(() => {
query = new Query({
src: Container,
fields: [
{ id: 'id', visible: false, queryable: false },
{ id: 'computed', title: 'White?', loadable: false },
{ id: 'name' },
{ id: 'location' },
],
});
range(0, 5).forEach(
i => query.results.rows.push([i, `name ${i}`, `location ${i}`]),
);
});
it('can be edited', () => {
const Editor = () => <h3 data-id="test">Hello - I am Editor</h3>;
Element.prototype.getBoundingClientRect = jest.fn(() => ({
width: 800, height: 1024,
}));
const onEditSpy = jest.fn();
const table = mount(
<DataTable onEdit={onEditSpy} query={query} editor={Editor} />,
);
expect(table).toHaveRendered('Grid');
// console.log(table.debug())
// table.find('CaretNext').at(3).simulate('click');
// expect(onEditSpy).toHaveBeenCalledWith(3);
// table.setProps({ editRowIndex: 1 });
// expect(table).toHaveRendered('h3[data-id="test"]');
});
xit('can sort', () => {
const table = mount(<DataTable query={query} editable />);
const spy = jest.fn();
autorun(() => spy(query.sortField));
table.find('SortingHeaderCell').first().simulate('click');
expect(spy).toHaveBeenLastCalledWith(query.info.visibleFields[0]);
});
});
Version data entries
5 entries across 5 versions & 1 rubygems