Files
notesnook/apps/web/__e2e__/navigation.test.js
Abdullah Atta c0a99427d9 test: setup E2E Tests (#161)
* test: intialize testing environment

* test: add an example test for reference

* test: add simple navigation test

* some initial tests

* some changes

* name and other small changes

* permanently delete a note

* permanenlt delete a note

* test: improve test readability

I have added different id builders for building test ids. They make the tests more readable and fluent.

* test lock a note

* test add a note to notebook

* test favorite a note

* test pin a note

* test: further improve test readability

basically I refactored some frequently performed actions into helper functions

* test: check for presence of toast

* test: properly test pinned note

* test: increase tests reliability

* test: fix all tests

* perf: load 2co script & fonts when needed

* ci: initialize e2e gh test runner

* ci: do not run npm ci

* test: fix lock note test for all browsers

* ci: fix playwright tests

* ci: fix yaml syntax error

* ci: no need to use custom ssh-agent action for eslint

* test: improve lock a note test

* ci: add GH_DEPLOY_KEY env in eslint.yml

* test: check for state: "visible" in isPresent

* test: do not check for toast in lock a note test

* test: log crypto error to console

* test: skip "lock a note" test for now until further investigation

* ci: only run tests on firefox & chromium

* fix: fix useMediaQuery for WebKit browsers

* ci: try webkit once again

* properties tests

* test tag a color /properties

* test: run some tests sequentially and independently

* test: reenable all tests

* fix: user only able to type on character in title box

* test: skip lock/unlock tests in CI

* test edit a notebook

* test: fix all tests

* test: fix and add more notebook tests

* test: do not only run edit topics test

* test: make sure all notes tests pass

* test: skip add note to notebook tests for now

* test: make sure all tests pass

Co-authored-by: alihamuh <alihamuh@gmail.com>
2020-09-28 14:31:45 +05:00

38 lines
1.1 KiB
JavaScript

/* eslint-disable no-undef */
const { getTestId } = require("./utils");
const { toMatchImageSnapshot } = require("jest-image-snapshot");
expect.extend({ toMatchImageSnapshot });
beforeEach(async () => {
await page.goto("http://localhost:3000/");
});
function createRoute(key, header) {
return { buttonId: `navitem-${key}`, header };
}
const routes = [
createRoute("home", "Home"),
createRoute("notebooks", "Notebooks"),
createRoute("favorites", "Favorites"),
createRoute("tags", "Tags"),
createRoute("trash", "Trash"),
createRoute("settings", "Settings"),
].map((route) => [route.header, route]);
test.each(routes)("navigating to %s", async (_header, route) => {
await page.waitForSelector(getTestId(route.buttonId), {
state: "visible",
});
await page.click(getTestId(route.buttonId));
await expect(page.textContent(getTestId("routeHeader"))).resolves.toBe(
route.header
);
const navItem = await page.$(getTestId(route.buttonId));
await expect(navItem.screenshot()).resolves.toMatchImageSnapshot({
failureThreshold: 5,
failureThresholdType: "percent",
});
});