1) [chromium] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link ─── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: getByRole('main') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for getByRole('main') - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" 108 | 109 | await indexPage.skipLink.click(); > 110 | await expect(indexPage.mainContent).toBeFocused(); | ^ 111 | }); 112 | 113 | test("should set `lang` attribute on `html` element", async ({ createIndexPage }) => { at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/app.test.ts:110:39

[chromium] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link: e2e/tests/app/app.test.ts#L110

1) [chromium] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: getByRole('main') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for getByRole('main') - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" 108 | 109 | await indexPage.skipLink.click(); > 110 | await expect(indexPage.mainContent).toBeFocused(); | ^ 111 | }); 112 | 113 | test("should set `lang` attribute on `html` element", async ({ createIndexPage }) => { at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/app.test.ts:110:39

[chromium] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link: e2e/tests/app/app.test.ts#L110

1) [chromium] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link ─── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: getByRole('main') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for getByRole('main') - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" 108 | 109 | await indexPage.skipLink.click(); > 110 | await expect(indexPage.mainContent).toBeFocused(); | ^ 111 | }); 112 | 113 | test("should set `lang` attribute on `html` element", async ({ createIndexPage }) => { at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/app.test.ts:110:39

[chromium] › tests/app/navigation.test.ts:28:1 › Documentation: e2e/tests/app/navigation.test.ts#L40

2) [chromium] › tests/app/navigation.test.ts:28:1 › Documentation ──────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: getByRole('heading', { name: 'Data' }).first() Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('heading', { name: 'Data' }).first() 38 | 39 | await page.goto("/documentation/data"); > 40 | await expect(page.getByRole("heading", { name: "Data" }).first()).toBeVisible(); | ^ 41 | 42 | await page.getByRole("link", { name: "Project" }).click(); 43 | await expect(page.getByRole("heading", { name: "Project" }).first()).toBeVisible(); at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/navigation.test.ts:40:68

[chromium] › tests/app/navigation.test.ts:28:1 › Documentation: e2e/tests/app/navigation.test.ts#L40

2) [chromium] › tests/app/navigation.test.ts:28:1 › Documentation ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: getByRole('heading', { name: 'Data' }).first() Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('heading', { name: 'Data' }).first() 38 | 39 | await page.goto("/documentation/data"); > 40 | await expect(page.getByRole("heading", { name: "Data" }).first()).toBeVisible(); | ^ 41 | 42 | await page.getByRole("link", { name: "Project" }).click(); 43 | await expect(page.getByRole("heading", { name: "Project" }).first()).toBeVisible(); at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/navigation.test.ts:40:68

[chromium] › tests/app/navigation.test.ts:28:1 › Documentation: e2e/tests/app/navigation.test.ts#L40

2) [chromium] › tests/app/navigation.test.ts:28:1 › Documentation ──────────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: getByRole('heading', { name: 'Data' }).first() Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('heading', { name: 'Data' }).first() 38 | 39 | await page.goto("/documentation/data"); > 40 | await expect(page.getByRole("heading", { name: "Data" }).first()).toBeVisible(); | ^ 41 | 42 | await page.getByRole("link", { name: "Project" }).click(); 43 | await expect(page.getByRole("heading", { name: "Project" }).first()).toBeVisible(); at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/navigation.test.ts:40:68

[firefox] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link: e2e/tests/app/app.test.ts#L110

3) [firefox] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link ──── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: getByRole('main') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for getByRole('main') - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" 108 | 109 | await indexPage.skipLink.click(); > 110 | await expect(indexPage.mainContent).toBeFocused(); | ^ 111 | }); 112 | 113 | test("should set `lang` attribute on `html` element", async ({ createIndexPage }) => { at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/app.test.ts:110:39

[firefox] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link: e2e/tests/app/app.test.ts#L110

3) [firefox] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: getByRole('main') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for getByRole('main') - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" 108 | 109 | await indexPage.skipLink.click(); > 110 | await expect(indexPage.mainContent).toBeFocused(); | ^ 111 | }); 112 | 113 | test("should set `lang` attribute on `html` element", async ({ createIndexPage }) => { at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/app.test.ts:110:39

[firefox] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link: e2e/tests/app/app.test.ts#L110

3) [firefox] › tests/app/app.test.ts:102:2 › app › should skip to main content with skip-link ──── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: getByRole('main') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for getByRole('main') - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" - locator resolved to <main id="main-content" class="mb-4 flex flex-col gap-8 md:mb-8">…</main> - unexpected value "not focused" 108 | 109 | await indexPage.skipLink.click(); > 110 | await expect(indexPage.mainContent).toBeFocused(); | ^ 111 | }); 112 | 113 | test("should set `lang` attribute on `html` element", async ({ createIndexPage }) => { at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/app.test.ts:110:39

[firefox] › tests/app/navigation.test.ts:28:1 › Documentation: e2e/tests/app/navigation.test.ts#L40

4) [firefox] › tests/app/navigation.test.ts:28:1 › Documentation ───────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: getByRole('heading', { name: 'Data' }).first() Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('heading', { name: 'Data' }).first() 38 | 39 | await page.goto("/documentation/data"); > 40 | await expect(page.getByRole("heading", { name: "Data" }).first()).toBeVisible(); | ^ 41 | 42 | await page.getByRole("link", { name: "Project" }).click(); 43 | await expect(page.getByRole("heading", { name: "Project" }).first()).toBeVisible(); at /home/runner/work/viecpro-nuxt/viecpro-nuxt/e2e/tests/app/navigation.test.ts:40:68

Validate (22.x, ubuntu-latest)

No files were found with the provided path: playwright-report/. No artifacts will be uploaded.

Validate (22.x, ubuntu-latest): app/components/generic-listbox.vue#L13

Prop "modelValue" should define at least its type

Validate (22.x, ubuntu-latest): app/components/hierarchy-wrapper.vue#L76