Skip to content

Commit 5bb3d91

Browse files
CotehCoteh
committed
Capture Cypress screenshots using headless for consistent results no matter which computer/monitor it's run on
1 parent 8b4faaa commit 5bb3d91

File tree

100 files changed

+3
-4
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

100 files changed

+3
-4
lines changed

‎.gitignore

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@ cypress/videos
1212
cypress/screenshots/*
1313

1414
# Whitelist manual visual regression screenshot directories
15-
!cypress/screenshots/viewport
16-
!cypress/screenshots/readme
15+
!cypress/screenshots/viewport.cy.ts
16+
!cypress/screenshots/readme.cy.ts
1717

1818
# Test results
1919
results/*.xml

‎cypress/screenshots/readme/screenshot.png

-78.1 KB
Binary file not shown.

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/huge mobile device - Gameplay.png

131 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/huge mobile device - Settings.png

171 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/large mobile device - Gameplay.png

128 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/large mobile device - Settings.png

168 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/medium mobile device - Gameplay.png

128 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/medium mobile device - Settings.png

167 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/small mobile device - Gameplay.png

122 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/small mobile device - Settings.png

141 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/tablet (landscape) - Gameplay.png

150 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/tablet (landscape) - Settings.png

195 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/tablet (portrait) - Gameplay.png

143 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/compact/tablet (portrait) - Settings.png

185 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/huge mobile device - Gameplay.png

130 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/huge mobile device - Settings.png

171 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/large mobile device - Gameplay.png

128 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/large mobile device - Settings.png

168 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/medium mobile device - Gameplay.png

128 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/medium mobile device - Settings.png

167 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/small mobile device - Gameplay.png

116 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/small mobile device - Settings.png

142 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/tablet (landscape) - Gameplay.png

150 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/tablet (landscape) - Settings.png

195 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/tablet (portrait) - Gameplay.png

142 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/classic/block-style/standard/tablet (portrait) - Settings.png

185 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/huge mobile device - Gameplay.png

86.7 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/huge mobile device - Settings.png

110 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/large mobile device - Gameplay.png

85.9 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/large mobile device - Settings.png

109 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/medium mobile device - Gameplay.png

86.2 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/medium mobile device - Settings.png

108 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/small mobile device - Gameplay.png

82.6 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/small mobile device - Settings.png

99.5 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/tablet (landscape) - Gameplay.png

96.1 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/tablet (landscape) - Settings.png

121 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/tablet (portrait) - Gameplay.png

91.9 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/compact/tablet (portrait) - Settings.png

116 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/huge mobile device - Gameplay.png

105 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/huge mobile device - Settings.png

110 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/large mobile device - Gameplay.png

103 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/large mobile device - Settings.png

109 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/medium mobile device - Gameplay.png

105 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/medium mobile device - Settings.png

108 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/small mobile device - Gameplay.png

88.3 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/small mobile device - Settings.png

99.5 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/tablet (landscape) - Gameplay.png

115 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/tablet (landscape) - Settings.png

121 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/tablet (portrait) - Gameplay.png

110 KB

‎cypress/screenshots/viewport.cy.ts/viewport/theme/standard/block-style/standard/tablet (portrait) - Settings.png

116 KB

‎cypress/screenshots/viewport/theme/classic/block-style/compact/huge mobile device - Gameplay.png

-136 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/huge mobile device - Settings.png

-176 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/large mobile device - Gameplay.png

-132 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/large mobile device - Settings.png

-171 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/medium mobile device - Gameplay.png

-129 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/medium mobile device - Settings.png

-167 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/small mobile device - Gameplay.png

-123 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/small mobile device - Settings.png

-142 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/tablet (landscape) - Gameplay.png

-154 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/tablet (landscape) - Settings.png

-197 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/tablet (portrait) - Gameplay.png

-150 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/compact/tablet (portrait) - Settings.png

-191 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/huge mobile device - Gameplay.png

-136 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/huge mobile device - Settings.png

-176 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/large mobile device - Gameplay.png

-131 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/large mobile device - Settings.png

-171 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/medium mobile device - Gameplay.png

-129 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/medium mobile device - Settings.png

-168 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/small mobile device - Gameplay.png

-118 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/small mobile device - Settings.png

-143 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/tablet (landscape) - Gameplay.png

-153 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/tablet (landscape) - Settings.png

-198 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/tablet (portrait) - Gameplay.png

-149 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/classic/block-style/standard/tablet (portrait) - Settings.png

-192 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/huge mobile device - Gameplay.png

-90.1 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/huge mobile device - Settings.png

-114 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/large mobile device - Gameplay.png

-88.1 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/large mobile device - Settings.png

-112 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/medium mobile device - Gameplay.png

-87.1 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/medium mobile device - Settings.png

-109 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/small mobile device - Gameplay.png

-84.1 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/small mobile device - Settings.png

-101 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/tablet (landscape) - Gameplay.png

-98.9 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/tablet (landscape) - Settings.png

-123 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/tablet (portrait) - Gameplay.png

-96.1 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/compact/tablet (portrait) - Settings.png

-121 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/huge mobile device - Gameplay.png

-107 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/huge mobile device - Settings.png

-114 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/large mobile device - Gameplay.png

-105 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/large mobile device - Settings.png

-112 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/medium mobile device - Gameplay.png

-105 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/medium mobile device - Settings.png

-110 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/small mobile device - Gameplay.png

-89.9 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/small mobile device - Settings.png

-101 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/tablet (landscape) - Gameplay.png

-118 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/tablet (landscape) - Settings.png

-123 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/tablet (portrait) - Gameplay.png

-114 KB
Binary file not shown.

‎cypress/screenshots/viewport/theme/standard/block-style/standard/tablet (portrait) - Settings.png

-121 KB
Binary file not shown.

‎screenshot.png

86 Bytes

‎scripts/screenshot.sh

+1-2
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@ Y=80
99

1010
# Install Cypress first before running this script
1111

12-
# TODO: Fix screenshots not being taken when run in headless (run in non-headless for now)
1312
./node_modules/.bin/cypress run --spec cypress/e2e/misc/screenshot.cy.ts
1413

1514
# Crop filter adapted from: https://video.stackexchange.com/a/4571
@@ -18,4 +17,4 @@ Y=80
1817
# TODO: Add video screenshot
1918
# ffmpeg -y -ss 5 -i cypress/videos/screenshot.cy.ts.mp4 -filter:v "crop=$WIDTH:$HEIGHT:$X:$Y,fps=10,scale=320:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" -loop 0 $OUTPUT_FILE
2019

21-
magick convert cypress/screenshots/readme/screenshot.png -resize 50% screenshot.png
20+
magick convert cypress/screenshots/screenshot.cy.ts/readme/screenshot.png -resize 50% screenshot.png

0 commit comments

Comments
 (0)