Skip to content

✨ Turn card selection into a setting #19

✨ Turn card selection into a setting

✨ Turn card selection into a setting #19

Triggered via push May 26, 2024 12:23
Status Failure
Total duration 2m 38s
Artifacts 2

deploy.yml

on: push
Fit to window
Zoom out
Zoom in

Annotations

10 errors and 1 notice
[chromium] › extract-cards.spec.js:32:5 › Card extraction: single file › last page: tests/specs/extract-cards.spec.js#L20
1) [chromium] › extract-cards.spec.js:32:5 › Card extraction: single file › last page ──────────── Error: Screenshot comparison failed: 1879 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-last-page/card-7-front.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-last-page-chromium/card-7-front-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-last-page-chromium/card-7-front-diff.png Call log: - expect.toHaveScreenshot(card-7-front.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. 18 | maxDiffPixelRatio: 0.02 19 | } > 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); | ^ 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); 22 | } 23 | } at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:20:32) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:36:9
[chromium] › extract-cards.spec.js:32:5 › Card extraction: single file › last page: tests/specs/extract-cards.spec.js#L20
1) [chromium] › extract-cards.spec.js:32:5 › Card extraction: single file › last page ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1879 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-last-page/card-7-front.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-last-page-chromium-retry1/card-7-front-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-last-page-chromium-retry1/card-7-front-diff.png Call log: - expect.toHaveScreenshot(card-7-front.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. 18 | maxDiffPixelRatio: 0.02 19 | } > 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); | ^ 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); 22 | } 23 | } at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:20:32) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:36:9
[chromium] › extract-cards.spec.js:32:5 › Card extraction: single file › last page: tests/specs/extract-cards.spec.js#L20
1) [chromium] › extract-cards.spec.js:32:5 › Card extraction: single file › last page ──────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1879 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-last-page/card-7-front.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-last-page-chromium-retry2/card-7-front-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-last-page-chromium-retry2/card-7-front-diff.png Call log: - expect.toHaveScreenshot(card-7-front.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. 18 | maxDiffPixelRatio: 0.02 19 | } > 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); | ^ 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); 22 | } 23 | } at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:20:32) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:36:9
[chromium] › extract-cards.spec.js:39:5 › Card extraction: single file › duplex right: tests/specs/extract-cards.spec.js#L20
2) [chromium] › extract-cards.spec.js:39:5 › Card extraction: single file › duplex right ───────── Error: Screenshot comparison failed: 1879 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-duplex-right/card-7-front.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-right-chromium/card-7-front-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-right-chromium/card-7-front-diff.png Call log: - expect.toHaveScreenshot(card-7-front.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. 18 | maxDiffPixelRatio: 0.02 19 | } > 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); | ^ 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); 22 | } 23 | } at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:20:32) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:46:9
[chromium] › extract-cards.spec.js:39:5 › Card extraction: single file › duplex right: tests/specs/extract-cards.spec.js#L20
2) [chromium] › extract-cards.spec.js:39:5 › Card extraction: single file › duplex right ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1879 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-duplex-right/card-7-front.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-right-chromium-retry1/card-7-front-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-right-chromium-retry1/card-7-front-diff.png Call log: - expect.toHaveScreenshot(card-7-front.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. 18 | maxDiffPixelRatio: 0.02 19 | } > 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); | ^ 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); 22 | } 23 | } at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:20:32) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:46:9
[chromium] › extract-cards.spec.js:39:5 › Card extraction: single file › duplex right: tests/specs/extract-cards.spec.js#L20
2) [chromium] › extract-cards.spec.js:39:5 › Card extraction: single file › duplex right ───────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1879 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-duplex-right/card-7-front.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-right-chromium-retry2/card-7-front-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-right-chromium-retry2/card-7-front-diff.png Call log: - expect.toHaveScreenshot(card-7-front.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. 18 | maxDiffPixelRatio: 0.02 19 | } > 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); | ^ 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); 22 | } 23 | } at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:20:32) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:46:9
[chromium] › extract-cards.spec.js:49:5 › Card extraction: single file › duplex down: tests/specs/extract-cards.spec.js#L21
3) [chromium] › extract-cards.spec.js:49:5 › Card extraction: single file › duplex down ────────── Error: Screenshot comparison failed: 1959 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-duplex-down/card-1-back.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-down-chromium/card-1-back-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-down-chromium/card-1-back-diff.png Call log: - expect.toHaveScreenshot(card-1-back.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(1)').locator('img.back').first() - locator resolved to <img class="back" src="data:image/jpeg;base64,/9j/4AA…/> - 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 - 1959 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(1)').locator('img.back').first() - locator resolved to <img class="back" src="data:image/jpeg;base64,/9j/4AA…/> - 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 - 1959 pixels (ratio 0.03 of all image pixels) are different. 19 | } 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); > 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); | ^ 22 | } 23 | } 24 | at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:21:31) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:56:9
[chromium] › extract-cards.spec.js:49:5 › Card extraction: single file › duplex down: tests/specs/extract-cards.spec.js#L21
3) [chromium] › extract-cards.spec.js:49:5 › Card extraction: single file › duplex down ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1959 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-duplex-down/card-1-back.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-down-chromium-retry1/card-1-back-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-down-chromium-retry1/card-1-back-diff.png Call log: - expect.toHaveScreenshot(card-1-back.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(1)').locator('img.back').first() - locator resolved to <img class="back" src="data:image/jpeg;base64,/9j/4AA…/> - 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 - 1959 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(1)').locator('img.back').first() - locator resolved to <img class="back" src="data:image/jpeg;base64,/9j/4AA…/> - 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 - 1959 pixels (ratio 0.03 of all image pixels) are different. 19 | } 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); > 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); | ^ 22 | } 23 | } 24 | at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:21:31) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:56:9
[chromium] › extract-cards.spec.js:49:5 › Card extraction: single file › duplex down: tests/specs/extract-cards.spec.js#L21
3) [chromium] › extract-cards.spec.js:49:5 › Card extraction: single file › duplex down ────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1959 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-single-file-duplex-down/card-1-back.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-down-chromium-retry2/card-1-back-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-single-file-duplex-down-chromium-retry2/card-1-back-diff.png Call log: - expect.toHaveScreenshot(card-1-back.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(1)').locator('img.back').first() - locator resolved to <img class="back" src="data:image/jpeg;base64,/9j/4AA…/> - 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 - 1959 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(1)').locator('img.back').first() - locator resolved to <img class="back" src="data:image/jpeg;base64,/9j/4AA…/> - 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 - 1959 pixels (ratio 0.03 of all image pixels) are different. 19 | } 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); > 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); | ^ 22 | } 23 | } 24 | at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:21:31) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:56:9
[chromium] › extract-cards.spec.js:71:5 › Card extraction: front and back file › first page: tests/specs/extract-cards.spec.js#L20
4) [chromium] › extract-cards.spec.js:71:5 › Card extraction: front and back file › first page ─── Error: Screenshot comparison failed: 1879 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/cardfoldr/cardfoldr/tests/specs/screenshots/extract-cards.spec.js/Card-extraction-front-and-back-file-first-page/card-7-front.png Received: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-front-and-back-file-first-page-chromium/card-7-front-actual.png Diff: /home/runner/work/cardfoldr/cardfoldr/tests/test-results/extract-cards-Card-extraction-front-and-back-file-first-page-chromium/card-7-front-diff.png Call log: - expect.toHaveScreenshot(card-7-front.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#cards > .card:nth-child(7)').locator('img.front').first() - locator resolved to <img class="front" src="data:image/jpeg;base64,/9j/4A…/> - 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 - 1879 pixels (ratio 0.03 of all image pixels) are different. 18 | maxDiffPixelRatio: 0.02 19 | } > 20 | await expect(frontImg).toHaveScreenshot(`card-${i}-front.png`, options); | ^ 21 | await expect(backImg).toHaveScreenshot(`card-${i}-back.png`, options); 22 | } 23 | } at checkCards (/home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:20:32) at /home/runner/work/cardfoldr/cardfoldr/tests/specs/extract-cards.spec.js:75:9
🎭 Playwright Run Summary
5 failed [chromium] › extract-cards.spec.js:32:5 › Card extraction: single file › last page ───────────── [chromium] › extract-cards.spec.js:39:5 › Card extraction: single file › duplex right ────────── [chromium] › extract-cards.spec.js:49:5 › Card extraction: single file › duplex down ─────────── [chromium] › extract-cards.spec.js:71:5 › Card extraction: front and back file › first page ──── [chromium] › extract-cards.spec.js:78:5 › Card extraction: front and back file › all pages ───── 1 flaky [chromium] › presets.spec.js:60:1 › Add preset ───────────────────────────────────────────────── 24 passed (1.0m)

Artifacts

Produced during runtime
Name Size
github-pages Expired
3.9 MB
playwright-report Expired
9.26 MB