Function testCheckpointCallbackFunctions

test/unit/core/ui-common/functions.ts:1949–2011

(
  framework: string,
  harness: FunctionHarness,
  components: FunctionComponents,
)

};

export const testCheckpointCallbackFunctions = (
  framework: string,
  harness: FunctionHarness,
  components: FunctionComponents,
): void => {
  let store: Store;
  let checkpoints: Checkpoints;

  beforeEach(() => {
    store = createStore().setTables({t1: {r1: {c1: 1}}});
    checkpoints = createCheckpoints(store);
    store.setTables({t1: {r1: {c1: 2}}});
    checkpoints.addCheckpoint();
    store.setTables({t1: {r1: {c1: 3}}});
    checkpoints.addCheckpoint();
  });

  describe(`${framework} checkpoint callback scenarios`, () => {
    test('goBackward', async () => {
      const {container, unmount} = renderCallback(
        harness,
        components,
        'goBackward',
        {checkpoints},
      );

      await harness.act(() =>
        container.querySelector<HTMLButtonElement>('button')?.click(),
      );
      expect(checkpoints.getCheckpointIds()).toEqual([['0'], '1', ['2']]);

      await harness.act(() =>
        container.querySelector<HTMLButtonElement>('button')?.click(),
      );
      expect(checkpoints.getCheckpointIds()).toEqual([[], '0', ['1', '2']]);

      unmount();
    });

    test('goForward', async () => {
      const {container, unmount} = renderCallback(
        harness,
        components,
        'goForward',
        {checkpoints},
      );

      checkpoints.goTo('0');

      await harness.act(() =>
        container.querySelector<HTMLButtonElement>('button')?.click(),
      );
      expect(checkpoints.getCheckpointIds()).toEqual([['0'], '1', ['2']]);

      await harness.act(() =>
        container.querySelector<HTMLButtonElement>('button')?.click(),
      );
      expect(checkpoints.getCheckpointIds()).toEqual([['0', '1'], '2', []]);