Source code of my website
✅ : add backstop configuration for tests
+125
+110
backstop.json
+110
backstop.json
···
1
+
{
2
+
"id": "backstop_default",
3
+
"viewports": [
4
+
{
5
+
"label": "phone",
6
+
"width": 320,
7
+
"height": 480
8
+
},
9
+
{
10
+
"label": "tablet",
11
+
"width": 1024,
12
+
"height": 768
13
+
},
14
+
{
15
+
"label": "desktop",
16
+
"width": 1920,
17
+
"height": 1080
18
+
}
19
+
],
20
+
"onBeforeScript": "puppet/onBefore.js",
21
+
"onReadyScript": "puppet/onReady.js",
22
+
"scenarios": [
23
+
{
24
+
"label": "Homepage",
25
+
"cookiePath": ".backstop/engine_scripts/cookies.json",
26
+
"url": "http://localhost:1313/",
27
+
"referenceUrl": "https://codeka.io/",
28
+
"requireSameDimensions": true
29
+
},
30
+
{
31
+
"label": "Posts",
32
+
"cookiePath": ".backstop/engine_scripts/cookies.json",
33
+
"url": "http://localhost:1313/posts/",
34
+
"referenceUrl": "https://codeka.io/posts/",
35
+
"requireSameDimensions": true
36
+
},
37
+
{
38
+
"label": "Tags",
39
+
"url": "http://localhost:1313/tags/",
40
+
"referenceUrl": "https://codeka.io/tags/",
41
+
"requireSameDimensions": true
42
+
},
43
+
{
44
+
"label": "Talks",
45
+
"url": "http://localhost:1313/talks/",
46
+
"referenceUrl": "https://codeka.io/talks/",
47
+
"requireSameDimensions": true
48
+
},
49
+
{
50
+
"label": "Talks - Factorio",
51
+
"url": "http://localhost:1313/talks/talk-lets-play-factorio/",
52
+
"referenceUrl": "https://codeka.io/talks/talk-lets-play-factorio/",
53
+
"requireSameDimensions": true
54
+
},
55
+
{
56
+
"label": "Recent Post",
57
+
"url": "http://localhost:1313/2025/12/19/adieu-direnv-bonjour-mise/",
58
+
"referenceUrl": "https://codeka.io/2025/12/19/adieu-direnv-bonjour-mise/",
59
+
"requireSameDimensions": true
60
+
},
61
+
{
62
+
"label": "Recent Tech Watch Post",
63
+
"url": "http://localhost:1313/2025/12/31/la-veille-de-wittouck-fin-décembre-2025/",
64
+
"referenceUrl": "https://codeka.io/2025/12/31/la-veille-de-wittouck-fin-décembre-2025/",
65
+
"requireSameDimensions": true
66
+
},
67
+
{
68
+
"label": "Translated Post - FR",
69
+
"url": "http://localhost:1313/2020/06/01/global-gitignore-file/",
70
+
"referenceUrl": "https://codeka.io/2020/06/01/global-gitignore-file/",
71
+
"requireSameDimensions": true
72
+
},
73
+
{
74
+
"label": "Translated Post - EN",
75
+
"url": "http://localhost:1313/en/2020/06/01/global-gitignore-file/",
76
+
"referenceUrl": "https://codeka.io/en/2020/06/01/global-gitignore-file/",
77
+
"requireSameDimensions": true
78
+
},
79
+
{
80
+
"label": "Post with Multiple Versions - v1",
81
+
"url": "http://localhost:1313/2025/12/12/mont%C3%A9e-de-version-spring-boot-4-avec-openrewrite/v1/",
82
+
"referenceUrl": "https://codeka.io/2025/12/12/mont%C3%A9e-de-version-spring-boot-4-avec-openrewrite/v1/",
83
+
"requireSameDimensions": true
84
+
},
85
+
{
86
+
"label": "Post with Multiple Versions - v2",
87
+
"url": "http://localhost:1313/2025/12/12/mont%C3%A9e-de-version-spring-boot-4-avec-openrewrite/",
88
+
"referenceUrl": "https://codeka.io/2025/12/12/mont%C3%A9e-de-version-spring-boot-4-avec-openrewrite/",
89
+
"requireSameDimensions": true
90
+
}
91
+
],
92
+
"paths": {
93
+
"bitmaps_reference": ".backstop/bitmaps_reference",
94
+
"bitmaps_test": ".backstop/bitmaps_test",
95
+
"engine_scripts": ".backstop/engine_scripts",
96
+
"html_report": ".backstop/html_report",
97
+
"ci_report": ".backstop/ci_report"
98
+
},
99
+
"report": ["browser"],
100
+
"engine": "puppeteer",
101
+
"engineOptions": {
102
+
"args": ["--no-sandbox"]
103
+
},
104
+
"asyncCaptureLimit": 5,
105
+
"asyncCompareLimit": 50,
106
+
"delay": 1000,
107
+
"misMatchThreshold": 0.05,
108
+
"debug": false,
109
+
"debugWindow": false
110
+
}
+15
mise.toml
+15
mise.toml
···
77
77
clever link $PROD_APP_ID --alias codeka.io || true
78
78
clever deploy --alias codeka.io
79
79
'''
80
+
81
+
[tasks."backstop:test"]
82
+
description = "Exécute les tests visual regression avec BackstopJS"
83
+
tools."npm:backstopjs" = "latest"
84
+
run = "backstop test"
85
+
86
+
[tasks."backstop:reference"]
87
+
description = "Prend les captures d'écran de référence"
88
+
tools."npm:backstopjs" = "latest"
89
+
run = "backstop reference"
90
+
91
+
[tasks."backstop:approve"]
92
+
description = "Valide les tests visual regression"
93
+
tools."npm:backstopjs" = "latest"
94
+
run = "backstop approve"