Skip to content

feat: migrate frontend to Nuxt 4 and Vue 3 #1063

feat: migrate frontend to Nuxt 4 and Vue 3

feat: migrate frontend to Nuxt 4 and Vue 3 #1063

Triggered via push September 2, 2026 11:24
Status Failure
Total duration 2m 10s
Artifacts

husky.yml

on: push
lint-and-prettify
2m 6s
lint-and-prettify
Fit to window
Zoom out
Zoom in

Annotations

7 errors, 2 warnings, and 1 notice
lint-and-prettify
Process completed with exit code 1.
[mobile-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page: tests/e2e/home.spec.js#L29
2) [mobile-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page ─────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('.top-color') Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. Snapshot: analyzer-landing.png Call log: - Expect "toHaveScreenshot(analyzer-landing.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('.top-color') - locator resolved to <div class="top-color">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.top-color') - locator resolved to <div class="top-color">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. 27 | content: ".amcharts-chart-div { visibility: hidden !important; }", 28 | }); > 29 | await expect(page.locator(".top-color")).toHaveScreenshot( | ^ 30 | "analyzer-landing.png" 31 | ); 32 | }); at /home/runner/work/whatsanalyze/whatsanalyze/tests/e2e/home.spec.js:29:44
[mobile-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page: tests/e2e/home.spec.js#L29
2) [mobile-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('.top-color') Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. Snapshot: analyzer-landing.png Call log: - Expect "toHaveScreenshot(analyzer-landing.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('.top-color') - locator resolved to <div class="top-color">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.top-color') - locator resolved to <div class="top-color">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. 27 | content: ".amcharts-chart-div { visibility: hidden !important; }", 28 | }); > 29 | await expect(page.locator(".top-color")).toHaveScreenshot( | ^ 30 | "analyzer-landing.png" 31 | ); 32 | }); at /home/runner/work/whatsanalyze/whatsanalyze/tests/e2e/home.spec.js:29:44
[mobile-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page: tests/e2e/home.spec.js#L29
2) [mobile-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page ─────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('.top-color') Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. Snapshot: analyzer-landing.png Call log: - Expect "toHaveScreenshot(analyzer-landing.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('.top-color') - locator resolved to <div class="top-color">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.top-color') - locator resolved to <div class="top-color">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 904px, received 393px by 905px. 6171 pixels (ratio 0.02 of all image pixels) are different. 27 | content: ".amcharts-chart-div { visibility: hidden !important; }", 28 | }); > 29 | await expect(page.locator(".top-color")).toHaveScreenshot( | ^ 30 | "analyzer-landing.png" 31 | ); 32 | }); at /home/runner/work/whatsanalyze/whatsanalyze/tests/e2e/home.spec.js:29:44
[desktop-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page: tests/e2e/home.spec.js#L23
1) [desktop-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page ────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toBeVisible() failed Locator: getByText('Analyze your WhatsApp Chat in Seconds', { exact: true }) Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for getByText('Analyze your WhatsApp Chat in Seconds', { exact: true }) 21 | await expect( 22 | page.getByText("Analyze your WhatsApp Chat in Seconds", { exact: true }) > 23 | ).toBeVisible(); | ^ 24 | await expect(page.locator("#uploadmytextfile")).toBeAttached(); 25 | 26 | await page.addStyleTag({ at /home/runner/work/whatsanalyze/whatsanalyze/tests/e2e/home.spec.js:23:5
[desktop-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page: tests/e2e/home.spec.js#L23
1) [desktop-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toBeVisible() failed Locator: getByText('Analyze your WhatsApp Chat in Seconds', { exact: true }) Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for getByText('Analyze your WhatsApp Chat in Seconds', { exact: true }) 21 | await expect( 22 | page.getByText("Analyze your WhatsApp Chat in Seconds", { exact: true }) > 23 | ).toBeVisible(); | ^ 24 | await expect(page.locator("#uploadmytextfile")).toBeAttached(); 25 | 26 | await page.addStyleTag({ at /home/runner/work/whatsanalyze/whatsanalyze/tests/e2e/home.spec.js:23:5
[desktop-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page: tests/e2e/home.spec.js#L23
1) [desktop-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page ────────── Error: expect(locator).toBeVisible() failed Locator: getByText('Analyze your WhatsApp Chat in Seconds', { exact: true }) Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for getByText('Analyze your WhatsApp Chat in Seconds', { exact: true }) - waiting for "https://localhost:3000/" navigation to finish... - navigated to "https://localhost:3000/" 21 | await expect( 22 | page.getByText("Analyze your WhatsApp Chat in Seconds", { exact: true }) > 23 | ).toBeVisible(); | ^ 24 | await expect(page.locator("#uploadmytextfile")).toBeAttached(); 25 | 26 | await page.addStyleTag({ at /home/runner/work/whatsanalyze/whatsanalyze/tests/e2e/home.spec.js:23:5
lint-and-prettify
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/checkout@v4, actions/setup-node@v4, pnpm/action-setup@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
lint-and-prettify
The process '/usr/bin/git' failed with exit code 128
🎭 Playwright Run Summary
2 failed [desktop-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page ─────────── [mobile-chromium] › tests/e2e/home.spec.js:19:1 › renders the analyzer landing page ──────────── 4 passed (1.2m)