editor/e2e/keyboard.spec.ts

import { beforeEach, describe, test } from "./utils/fixtures";
import { MaputnikDriver } from "./maputnik-driver";

describe("keyboard", () => {
  const { given, get, when, then } = new MaputnikDriver();

  beforeEach(async () => {
    await given.setupMockBackedResponses();
    await when.setStyle("both");
  });

  describe("shortcuts", () => {
    beforeEach(async () => {
      await given.setupMockBackedResponses();
      await when.setStyle("");
    });

    test("ESC should unfocus", async () => {
      const targetSelector = "maputnik-select";
      await when.focus(targetSelector);
      await then(get.elementByTestId(targetSelector)).shouldBeFocused();
      await when.typeKeys("{esc}");
      await then(get.elementByTestId(targetSelector)).shouldNotBeFocused();
    });

    test("'?' should show shortcuts modal", async () => {
      await when.typeKeys("?");
      await then(get.elementByTestId("modal:shortcuts")).shouldBeVisible();
    });

    test("'o' should show open modal", async () => {
      await when.typeKeys("o");
      await then(get.elementByTestId("modal:open")).shouldBeVisible();
    });

    test("'e' should show export modal", async () => {
      await when.typeKeys("e");
      await then(get.elementByTestId("modal:export")).shouldBeVisible();
    });

    test("'d' should show sources modal", async () => {
      await when.typeKeys("d");
      await then(get.elementByTestId("modal:sources")).shouldBeVisible();
    });

    test("'s' should show settings modal", async () => {
      await when.typeKeys("s");
      await then(get.elementByTestId("modal:settings")).shouldBeVisible();
    });

    test("'i' should change map to inspect mode", async () => {
      await when.typeKeys("i");
      await then(get.inputValue("maputnik-select")).shouldEqual("inspect");
    });

    test("'m' should focus map", async () => {
      await when.typeKeys("m");
      await then(get.canvas()).shouldBeFocused();
    });

    test("'!' should show debug modal", async () => {
      await when.typeKeys("!");
      await then(get.elementByTestId("modal:debug")).shouldBeVisible();
    });
  });
});