✨ Turn card selection into a setting #19
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 |
|