move demo code to examples/

examples/web/static/tests/ui/navbar.test.ts

@@ -0,0 +1,66 @@
+import { MenuInfo } from "../../src/ts/store/store";
+import { Navbar, Props } from "../../src/ts/ui/navbar";
+import * as helpers from "../helpers";
+
+//------------------------------------------------------------------------------
+// Setup and helpers
+//------------------------------------------------------------------------------
+
+let fixture: HTMLElement;
+let env: helpers.TestEnv;
+let props: Props;
+let menuInfo: MenuInfo;
+
+beforeEach(() => {
+  fixture = helpers.makeTestFixture();
+  env = helpers.makeTestEnv();
+  props = { inHome: false, app: null };
+  menuInfo = env.store.menuInfo;
+});
+
+afterEach(() => {
+  fixture.remove();
+});
+
+//------------------------------------------------------------------------------
+// Tests
+//------------------------------------------------------------------------------
+
+test("can be rendered (in home menu, no app)", async () => {
+  props.inHome = true;
+  const navbar = new Navbar(env, props);
+  await navbar.mount(fixture);
+  expect(fixture.innerHTML).toMatchSnapshot();
+});
+
+test("can be rendered (in home menu, one active app)", async () => {
+  props = { inHome: true, app: menuInfo.menus[96]! };
+  const navbar = new Navbar(env, props);
+  await navbar.mount(fixture);
+  expect(fixture.innerHTML).toMatchSnapshot();
+});
+
+test("can render one menu item", async () => {
+  props.app = menuInfo.menus[96]!;
+  const navbar = new Navbar(env, props);
+  await navbar.mount(fixture);
+  expect(fixture.innerHTML).toMatchSnapshot();
+});
+
+test("mobile mode: navbar is different", async () => {
+  props.app = menuInfo.menus[205]!;
+  env.isMobile = true;
+  const navbar = new Navbar(env, props);
+  await navbar.mount(fixture);
+  expect(fixture.innerHTML).toMatchSnapshot();
+});
+
+test("clicking on left icon toggle home menu ", async () => {
+  props.app = menuInfo.menus[96]!;
+  env.store.state.inHome = false;
+  const navbar = new Navbar(env, props);
+  await navbar.mount(fixture);
+  expect(env.store.state.inHome).toBe(false);
+  (<any>fixture).getElementsByClassName("o_title")[0].click();
+  expect(env.store.state.inHome).toBe(true);
+});