Function testCustomComponents

test/unit/core/ui-common/components.ts:90–453

(
  framework: string,
  harness: ComponentHarness,
  components: CustomComponents,
)

    .setValues({v1: 3, v2: 4});

export const testCustomComponents = (
  framework: string,
  harness: ComponentHarness,
  components: CustomComponents,
): void => {
  let store: Store;

  beforeEach(() => {
    store = createTestStore();
  });

  describe(`${framework} custom component scenarios`, () => {
    test('tables, rows, and cells', async () => {
      let rendered = harness.render(components.TablesView, {
        store,
        cellPrefix: ':',
      });
      expect(rendered.container.textContent).toEqual(
        't1:r1:c1:1t2:r1:c1:2r2:c1:3c2:4',
      );
      await harness.act(() => store.setCell('t1', 'r1', 'c1', 2));
      expect(rendered.container.textContent).toEqual(
        't1:r1:c1:2t2:r1:c1:2r2:c1:3c2:4',
      );
      await harness.act(() => store.delTables());
      expect(rendered.container.textContent).toEqual('');
      rendered.unmount();

      store = createTestStore();
      rendered = harness.render(components.TableView, {
        store,
        tableId: 't0',
        cellPrefix: ':',
      });
      expect(rendered.container.textContent).toEqual('t0:');
      await rendered.rerender({tableId: 't2'});
      expect(rendered.container.textContent).toEqual('t2:r1:c1:2r2:c1:3c2:4');
      await harness.act(() => store.setCell('t2', 'r1', 'c1', 3));
      expect(rendered.container.textContent).toEqual('t2:r1:c1:3r2:c1:3c2:4');
      await harness.act(() => store.delTables());
      expect(rendered.container.textContent).toEqual('t2:');
      rendered.unmount();

      store = createTestStore();
      rendered = harness.render(components.SortedTableView, {
        store,
        tableId: 't0',
        cellId: 'c0',
        descending: true,
        cellPrefix: ':',
      });
      expect(rendered.container.textContent).toEqual('t0,c0:');
      await rendered.rerender({tableId: 't2', cellId: 'c1'});
      expect(rendered.container.textContent).toEqual(
        't2,c1:r2:c1:3c2:4r1:c1:2',
      );
      await harness.act(() => store.setCell('t2', 'r1', 'c1', 3));
      expect(rendered.container.textContent).toEqual(