|
1 | 1 | import { test, expect } from "@playwright/test"; |
| 2 | +import { loginTest } from "./admin-helper.js"; |
| 3 | +import { emptyJson } from "./data-fixtures.js"; |
2 | 4 |
|
3 | 5 | test.describe("Nav items loads", () => { |
4 | 6 | test.beforeEach(async ({ page }) => { |
5 | | - await page.goto("/admin/screen/create"); |
6 | | - await page.route("**/token", async (route) => { |
7 | | - const json = { |
8 | | - token: "1", |
9 | | - refresh_token: "2", |
10 | | - tenants: [ |
11 | | - { |
12 | | - tenantKey: "ABC", |
13 | | - title: "ABC Tenant", |
14 | | - description: "Description", |
15 | | - roles: ["ROLE_ADMIN"], |
16 | | - }, |
17 | | - ], |
18 | | - user: { |
19 | | - fullname: "John Doe", |
20 | | - email: "johndoe@example.com", |
21 | | - }, |
22 | | - }; |
23 | | - await route.fulfill({ json }); |
24 | | - }); |
25 | | - await page.route("**/layouts*", async (route) => { |
26 | | - const json = { |
27 | | - "@id": "/v2/layouts", |
28 | | - "hydra:member": [], |
29 | | - }; |
30 | | - await route.fulfill({ json }); |
31 | | - }); |
32 | | - await expect(page).toHaveTitle(/OS2Display Admin/); |
33 | | - await page.getByLabel("Email").fill("johndoe@example.com"); |
34 | | - await page.getByLabel("Kodeord").fill("password"); |
35 | | - await page.locator("#login").click(); |
36 | | - await expect(page.locator("h1").getByText("Opret ny skærm")).toBeVisible(); |
| 7 | + await loginTest({ page }); |
37 | 8 | }); |
38 | 9 |
|
39 | 10 | test("It loads", async ({ page }) => { |
40 | 11 | await expect(page.locator("nav")).toBeVisible(); |
41 | 12 | }); |
42 | 13 |
|
43 | 14 | test("It navigates to slides list", async ({ page }) => { |
| 15 | + await page.route("**/media*", async (route) => { |
| 16 | + await route.fulfill({ json: emptyJson }); |
| 17 | + }); |
| 18 | + |
| 19 | + // Go to media page first, since Slide is the starting page, to allow for link click. |
| 20 | + await page.getByRole("link", { name: "Medier" }).click(); |
| 21 | + |
44 | 22 | await page.getByRole("link", { name: "Slides" }).click(); |
45 | 23 | await expect(page.locator("h1")).toHaveText("Slides"); |
46 | 24 | }); |
47 | 25 |
|
48 | 26 | test("It navigates to media list", async ({ page }) => { |
| 27 | + await page.route("**/media*", async (route) => { |
| 28 | + await route.fulfill({ json: emptyJson }); |
| 29 | + }); |
| 30 | + |
49 | 31 | await page.getByRole("link", { name: "Medier" }).click(); |
50 | 32 | await expect(page.locator("h1")).toHaveText("Medier"); |
51 | 33 | }); |
52 | 34 |
|
53 | 35 | test("It navigates to screens list", async ({ page }) => { |
| 36 | + await page.route("**/screens*", async (route) => { |
| 37 | + await route.fulfill({ json: emptyJson }); |
| 38 | + }); |
54 | 39 | await page.getByRole("link", { name: "Skærme" }).click(); |
55 | 40 | await expect(page.locator("h1")).toHaveText("Skærme"); |
56 | 41 | }); |
57 | 42 |
|
58 | 43 | test("It navigates to groups list", async ({ page }) => { |
| 44 | + await page.route("**/screen-groups*", async (route) => { |
| 45 | + await route.fulfill({ json: emptyJson }); |
| 46 | + }); |
| 47 | + |
59 | 48 | await page.getByRole("link", { name: "Grupper" }).click(); |
60 | 49 | await expect(page.locator("h1")).toHaveText("Grupper"); |
61 | 50 | }); |
62 | 51 |
|
63 | 52 | test("It navigates to playlists list", async ({ page }) => { |
| 53 | + await page.route("**/playlists*", async (route) => { |
| 54 | + await route.fulfill({ json: emptyJson }); |
| 55 | + }); |
| 56 | + |
64 | 57 | await page.getByRole("link", { name: "Spillelister", exact: true }).click(); |
65 | 58 | await expect(page.locator("h1")).toHaveText("Spillelister"); |
66 | 59 | }); |
67 | 60 |
|
68 | 61 | test("It navigates to themes list", async ({ page }) => { |
| 62 | + await page.route("**/themes*", async (route) => { |
| 63 | + await route.fulfill({ json: emptyJson }); |
| 64 | + }); |
| 65 | + |
69 | 66 | await page.getByRole("link", { name: "Temaer" }).click(); |
70 | 67 | await expect(page.locator("h1")).toHaveText("Temaer"); |
71 | 68 | }); |
72 | 69 |
|
73 | | - test.skip("It navigates to create slide", async ({ page }) => { |
74 | | - await page.goto("/admin/screen/create"); |
75 | | - await page.getByRole("button", { name: "Tilføj" }).click(); |
76 | | - await page.getByRole("link", { name: "Nyt slide", exact: true }).click(); |
77 | | - await expect(page.locator("h1")).toHaveText("Opret nyt slide"); |
| 70 | + test("It navigates to create slide", async ({ page }) => { |
| 71 | + await page.route("**/playlists*", async (route) => { |
| 72 | + await route.fulfill({ json: emptyJson }); |
| 73 | + }); |
| 74 | + await page.route("**/themes*", async (route) => { |
| 75 | + await route.fulfill({ json: emptyJson }); |
| 76 | + }); |
| 77 | + await page.route("**/templates*", async (route) => { |
| 78 | + await route.fulfill({ json: emptyJson }); |
| 79 | + }); |
| 80 | + |
| 81 | + await page.getByLabel("Tilføj nyt slide").first().click(); |
| 82 | + await expect(page.locator("h1")).toHaveText("Opret nyt slide:"); |
78 | 83 | }); |
79 | 84 |
|
80 | | - test.skip("It navigates to create playlist", async ({ page }) => { |
81 | | - await page.getByRole("button", { name: "Tilføj" }).click(); |
82 | | - await page.getByRole("link", { name: "Ny spilleliste" }).click(); |
83 | | - await expect(page.locator("h1")).toHaveText("Opret nyt spilleliste"); |
| 85 | + test("It navigates to create playlist", async ({ page }) => { |
| 86 | + await page.route("**/tenants*", async (route) => { |
| 87 | + await route.fulfill({ json: emptyJson }); |
| 88 | + }); |
| 89 | + await page.getByLabel("Tilføj ny spilleliste").first().click(); |
| 90 | + await expect(page.locator("h1")).toHaveText("Opret ny spilleliste:"); |
84 | 91 | }); |
85 | 92 |
|
86 | | - test.skip("It navigates to create screen", async ({ page }) => { |
87 | | - await page.getByRole("button", { name: "Tilføj" }).click(); |
88 | | - await page.getByRole("link", { name: "Ny skærm" }).click(); |
| 93 | + test("It navigates to create screen", async ({ page }) => { |
| 94 | + await page.getByLabel("Tilføj ny skærm").first().click(); |
89 | 95 | await expect(page.locator("h1")).toHaveText("Opret ny skærm"); |
90 | 96 | }); |
91 | 97 |
|
|
0 commit comments