Function testComponents

test/unit/core/ui-common/components.ts:894–1460

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

};

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

  beforeEach(() => {
    store = createStore()
      .setTables({t1: {r1: {c1: 1}}, t2: {r1: {c1: 2}, r2: {c1: 3, c2: 4}}})
      .setValues({v1: 3, v2: 4});
  });

  describe(`${framework} component scenarios`, () => {
    describe('tables and values', () => {
      test('TablesView basic, separator, debug, and update', async () => {
        const {container, rerender, unmount} = harness.render(
          components.TablesView,
          {store},
        );
        expect(container.textContent).toEqual('1234');

        await rerender({store, separator: harness.separator});
        expect(container.textContent).toEqual('1/234');

        await rerender({store, separator: undefined, debugIds: true});
        expect(container.textContent).toEqual(
          't1:{r1:{c1:{1}}}t2:{r1:{c1:{2}}r2:{c1:{3}c2:{4}}}',
        );

        await harness.act(() => store.setCell('t1', 'r1', 'c1', 2));
        expect(container.textContent).toEqual(
          't1:{r1:{c1:{2}}}t2:{r1:{c1:{2}}r2:{c1:{3}c2:{4}}}',
        );

        unmount();
      });

      test('TableView basic, separator, debug, and null id', async () => {
        const {container, rerender, unmount} = harness.render(
          components.TableView,
          {store, tableId: 't2'},
        );
        expect(container.textContent).toEqual('234');

        await rerender({store, tableId: 't2', separator: harness.separator});
        expect(container.textContent).toEqual('2/34');

        await rerender({
          store,
          tableId: 't2',
          separator: undefined,
          debugIds: true,
        });
        expect(container.textContent).toEqual(
          't2:{r1:{c1:{2}}r2:{c1:{3}c2:{4}}}',
        );