mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-24 11:58:11 +08:00
Timmy Huangandbkmartinjr
5ab96ed360
* disable formatting rules for eslint and add prettier in lint-staged * update npm modules * set plugin-proposal-private-methods to loose * update snapshots due to popover package update * add missing quotes Co-authored-by: bkmartinjr <bruce@chanzuckerberg.com>
88 lines
3.0 KiB
TypeScript
88 lines
3.0 KiB
TypeScript
import undoable from "../../src/reducers/undoable";
|
|
|
|
describe("create", () => {
|
|
test("no keys", () => {
|
|
// @ts-expect-error ts-migrate(2554) FIXME: Expected 2-3 arguments, but got 1.
|
|
expect(() => undoable(() => {})).toThrow();
|
|
expect(() => undoable(() => {}, null)).toThrow();
|
|
expect(() => undoable(() => {}, [])).toThrow();
|
|
expect(() => undoable(() => {}, [], {})).toThrow();
|
|
});
|
|
|
|
test("simple", () => {
|
|
expect(undoable(() => {}, ["foo"])).toBeInstanceOf(Function);
|
|
expect(undoable(() => {}, ["foo"], {})).toBeInstanceOf(Function);
|
|
});
|
|
|
|
test("handles undefined initial state", () => {
|
|
expect(
|
|
undoable(() => {}, ["a"])(undefined, { type: "test" })
|
|
).toMatchObject({});
|
|
});
|
|
});
|
|
|
|
describe("undo", () => {
|
|
test("expected state modifications", () => {
|
|
const initialState = { a: 0, b: 1000 };
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
|
|
const reducer = (state: any) => ({ a: state.a + 1, b: state.b + 1 });
|
|
const undoableReducer = undoable(reducer, ["a"]);
|
|
|
|
const s1 = undoableReducer(initialState, { type: "test" });
|
|
expect(s1).toMatchObject({ a: 1, b: 1001 });
|
|
|
|
// test that only specified keys are undone
|
|
const s2 = undoableReducer(s1, { type: "@@undoable/undo" });
|
|
expect(s2).toMatchObject({ a: 0, b: 1001 });
|
|
|
|
// test backstop when no more history
|
|
const s3 = undoableReducer(s2, { type: "@@undoable/undo" });
|
|
expect(s3).toMatchObject({ a: 0, b: 1001 });
|
|
});
|
|
});
|
|
|
|
describe("redo", () => {
|
|
const initialState = { a: 0, b: 1000 };
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
|
|
const reducer = (state: any) => ({ a: state.a + 1, b: state.b + 1 });
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
|
|
let UR: any;
|
|
|
|
beforeEach(() => {
|
|
UR = undoable(reducer, ["a"]);
|
|
});
|
|
|
|
test("expected state modifications", () => {
|
|
const s1 = UR(initialState, { type: "test" });
|
|
expect(s1).toMatchObject({ a: 1, b: 1001 });
|
|
|
|
// verify undo->redo reverts state.
|
|
const s2 = UR(UR(s1, { type: "@@undoable/undo" }), {
|
|
type: "@@undoable/redo",
|
|
});
|
|
expect(s2).toMatchObject({ a: 1, b: 1001 });
|
|
|
|
// verify backstop when no redo future
|
|
const s3 = UR(s2, { type: "@@undoable/redo" });
|
|
expect(s3).toMatchObject({ a: 1, b: 1001 });
|
|
});
|
|
|
|
test("history cleared", () => {
|
|
// verify future cleared upon a normal state transition
|
|
const s1 = UR(initialState, { type: "test" });
|
|
expect(s1).toMatchObject({ a: 1, b: 1001 });
|
|
const s2 = UR(s1, { type: "@@undoable/undo" });
|
|
expect(s2).toMatchObject({ a: 0, b: 1001 });
|
|
const s3 = UR(s2, { type: "test" });
|
|
expect(s3).toMatchObject({ a: 1, b: 1002 });
|
|
const s4 = UR(s3, { type: "@@undoable/redo" });
|
|
expect(s4).toMatchObject({ a: 1, b: 1002 });
|
|
});
|
|
});
|
|
|
|
/*
|
|
TODO:
|
|
- historyLimit is enforced
|
|
- action filters
|
|
*/
|