owl/web/static/tests/store/store.test.ts

import { Store } from "../../src/ts/store/store";
import { makeTestEnv, nextMicroTick, TestInfo } from "../helpers";

function makeTestStore(info?: TestInfo): Store {
  return makeTestEnv(info).store;
}

//------------------------------------------------------------------------------
// Tests
//------------------------------------------------------------------------------

describe("rpc", () => {
  test("properly translate query in route", async () => {
    expect.assertions(1);

    const store = makeTestStore({
      mockRPC(route, params) {
        expect(route).toBe("/web/dataset/call_kw/test/hey");
        return this.rpc(route, params);
      }
    });

    await store.rpc({ model: "test", method: "hey" });
  });

  test("trigger proper events", async () => {
    const store = makeTestStore();
    const events: string[] = [];
    store.on("rpc_status", null, s => {
      events.push(s);
    });
    expect(events).toEqual([]);
    store.rpc({ model: "test", method: "hey" });
    expect(events).toEqual(["loading"]);
    await nextMicroTick();
    expect(events).toEqual(["loading", "notloading"]);
  });
});

describe("notifications", () => {
  test("can subscribe and add notification", () => {
    const store = makeTestStore();
    expect(store.state.notifications.length).toBe(0);
    const id = store.addNotification({
      title: "test",
      message: "message"
    });
    expect(store.state.notifications.length).toBe(1);
    expect(id).toBeDefined();
  });

  test("can close a notification", () => {
    const store = makeTestStore();

    const id = store.addNotification({
      title: "test",
      message: "message"
    });
    expect(store.state.notifications.length).toBe(1);

    store.closeNotification(id);
    expect(store.state.notifications.length).toBe(0);
  });

  test("notifications closes themselves after a while", () => {
    jest.useFakeTimers();
    const store = makeTestStore();

    store.addNotification({ title: "test", message: "message" });

    expect(setTimeout).toHaveBeenCalledTimes(1);
    expect(store.state.notifications.length).toBe(1);
    jest.runAllTimers();
    expect(store.state.notifications.length).toBe(0);
  });

  test("sticky notifications do not close themselves after a while", () => {
    jest.useFakeTimers();
    const store = makeTestStore();

    store.addNotification({
      title: "test",
      message: "message",
      sticky: true
    });

    expect(setTimeout).toHaveBeenCalledTimes(0);
    expect(store.state.notifications.length).toBe(1);
    jest.runAllTimers();
    expect(store.state.notifications.length).toBe(1);
  });
});

describe("state transitions", () => {
  test("toggle menu", async () => {
    const env = makeTestEnv();
    const store = env.store;
    expect(store.state.inHome).toBe(true);
    store.toggleHomeMenu();

    // should still be in home menu since no app is currently active
    expect(store.state.inHome).toBe(true);
    expect(env.services.router.getQuery()).toEqual({ home: true });

    const promise = store.activateMenuItem(96);
    expect(env.services.router.getQuery()).toEqual({ home: true });

    await promise;
    store.activateController(store.lastController!);
    expect(store.state.inHome).toBe(false);
    expect(env.services.router.getQuery()).toEqual({
      action_id: "131",
      menu_id: "96"
    });

    store.toggleHomeMenu();
    expect(store.state.inHome).toBe(true);
    expect(env.services.router.getQuery()).toEqual({ home: true });
    store.toggleHomeMenu();
    expect(store.state.inHome).toBe(false);
    expect(env.services.router.getQuery()).toEqual({
      action_id: "131",
      menu_id: "96"
    });
  });

  test("document title", async () => {
    document.title = "Odoo";
    const store = makeTestStore();
    expect(store.state.inHome).toBe(true);
    expect(document.title).toBe("Odoo");
    const promise = store.activateMenuItem(96);
    expect(document.title).toBe("Odoo");
    await promise;
    store.activateController(store.lastController!);

    expect(document.title).toBe("Discuss - Odoo");

    store.toggleHomeMenu();

    expect(document.title).toBe("Discuss - Odoo");
  });
});