Update test to only chromium, hide git commit line

Duncanma · May 21, 2024 · 7e3b0bb · 7e3b0bb
1 parent ea5f395
commit 7e3b0bb
Show file tree

Hide file tree

Showing 67 changed files with 13 additions and 6 deletions.
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
@@ -18,7 +18,7 @@ jobs:
     - name: Install Playwright Browsers
       run: npx playwright install --with-deps chromium
     - name: Run Playwright tests
-      run: npx playwright test minimum.spec.ts
+      run: npx playwright test minimum.spec.ts --project 'chromium' --project 'chromium dark'
     - uses: actions/upload-artifact@v4
       if: always()
       with:

diff --git a/tests/minimum.spec.ts b/tests/minimum.spec.ts
@@ -8,6 +8,10 @@ test('Visual Diff Text and Image', async ({ page }) => {
     await visualDiff(page, '/blog/space-games/');
 });
 
+test('Visual Diff Small Album', async ({ page }) => {
+    await visualDiff(page, '/albums/fall-trail-walk/');
+});
+
 
 async function visualDiff(page: Page, url: string) {
     await page.goto(url);
@@ -18,5 +22,5 @@ async function visualDiff(page: Page, url: string) {
     }
 
     // Set up listeners concurrently
-    await expect(page).toHaveScreenshot({ fullPage: true, timeout: 50000});
+    await expect(page).toHaveScreenshot({ fullPage: true, timeout: 50000, stylePath: "tests/screenshot.css"});
 }
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Google-Chrome-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Google-Chrome-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Microsoft-Edge-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Microsoft-Edge-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Chrome-Dark-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Chrome-Dark-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Chrome-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Chrome-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Safari-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Safari-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-chromium-dark-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-chromium-dark-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-chromium-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-chromium-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-firefox-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-firefox-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-webkit-dark-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-webkit-dark-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-webkit-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-About-1-webkit-win32.png
diff --git a/...iff-Small-Album-1-chromium-dark-win32.png → ...iff-Small-Album-1-chromium-dark-win32.png b/...iff-Small-Album-1-chromium-dark-win32.png → ...iff-Small-Album-1-chromium-dark-win32.png
diff --git a/...ual-Diff-Small-Album-1-chromium-win32.png → ...ual-Diff-Small-Album-1-chromium-win32.png b/...ual-Diff-Small-Album-1-chromium-win32.png → ...ual-Diff-Small-Album-1-chromium-win32.png
diff --git a/.../minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Google-Chrome-win32.png b/.../minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Google-Chrome-win32.png
diff --git a/...minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Microsoft-Edge-win32.png b/...minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Microsoft-Edge-win32.png
diff --git a/...mum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Chrome-Dark-win32.png b/...mum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Chrome-Dark-win32.png
diff --git a/.../minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Chrome-win32.png b/.../minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Chrome-win32.png
diff --git a/.../minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Safari-win32.png b/.../minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Safari-win32.png
diff --git a/.../minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-chromium-dark-win32.png b/.../minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-chromium-dark-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-chromium-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-chromium-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-firefox-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-firefox-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-webkit-dark-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-webkit-dark-win32.png
diff --git a/tests/minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-webkit-win32.png b/tests/minimum.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-webkit-win32.png
diff --git a/tests/screenshot.css b/tests/screenshot.css
@@ -0,0 +1,3 @@
+.gitinfo {
+    display: none;
+}
diff --git a/tests/visual.spec.ts b/tests/visual.spec.ts
@@ -26,5 +26,5 @@ async function visualDiff(page: Page, url: string) {
     }
 
     // Set up listeners concurrently
-    await expect(page).toHaveScreenshot({ fullPage: true, timeout: 10000});
+    await expect(page).toHaveScreenshot({ fullPage: true, timeout: 10000, stylePath: "tests/screenshot.css" });
 }
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Google-Chrome-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Google-Chrome-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Microsoft-Edge-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Microsoft-Edge-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Chrome-Dark-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Chrome-Dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Chrome-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Chrome-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Safari-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-Mobile-Safari-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-chromium-dark-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-chromium-dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-chromium-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-chromium-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-firefox-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-firefox-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-webkit-dark-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-webkit-dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-webkit-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-About-1-webkit-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Google-Chrome-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Google-Chrome-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Microsoft-Edge-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Microsoft-Edge-win32.png
diff --git a/...visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Mobile-Chrome-Dark-win32.png b/...visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Mobile-Chrome-Dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Mobile-Chrome-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Mobile-Chrome-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Mobile-Safari-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-Mobile-Safari-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-chromium-dark-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-chromium-dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-chromium-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-chromium-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-firefox-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-firefox-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-webkit-dark-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-webkit-dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-webkit-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Sample-Code-1-webkit-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Google-Chrome-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Google-Chrome-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Microsoft-Edge-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Microsoft-Edge-win32.png
diff --git a/...visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Mobile-Chrome-Dark-win32.png b/...visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Mobile-Chrome-Dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Mobile-Chrome-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Mobile-Chrome-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Mobile-Safari-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-Mobile-Safari-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-firefox-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-firefox-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-webkit-dark-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-webkit-dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-webkit-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Small-Album-1-webkit-win32.png
diff --git a/...s/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Google-Chrome-win32.png b/...s/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Google-Chrome-win32.png
diff --git a/.../visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Microsoft-Edge-win32.png b/.../visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Microsoft-Edge-win32.png
diff --git a/...ual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Chrome-Dark-win32.png b/...ual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Chrome-Dark-win32.png
diff --git a/...s/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Chrome-win32.png b/...s/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Chrome-win32.png
diff --git a/...s/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Safari-win32.png b/...s/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-Mobile-Safari-win32.png
diff --git a/...s/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-chromium-dark-win32.png b/...s/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-chromium-dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-chromium-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-chromium-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-firefox-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-firefox-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-webkit-dark-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-webkit-dark-win32.png
diff --git a/tests/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-webkit-win32.png b/tests/visual.spec.ts-snapshots/Visual-Diff-Text-and-Image-1-webkit-win32.png
diff --git a/themes/hello-friend-ng/layouts/_default/single.html b/themes/hello-friend-ng/layouts/_default/single.html
@@ -45,7 +45,7 @@ <h2 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
   				{{- end }}
 
                 {{- if .GitInfo }}
-  				    <p><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg><a href="{{ .Site.Params.gitUrl -}}{{ .GitInfo.Hash }}" target="_blank" rel="noopener">{{ .GitInfo.AbbreviatedHash }}</a> @ {{ if .Site.Params.dateformNum }}{{ dateFormat .Site.Params.dateformNum .GitInfo.AuthorDate.Local }}{{ else }}{{ dateFormat "2006-01-02" .GitInfo.AuthorDate.Local }}{{ end }}</p>
+  				    <p class="gitinfo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg><a href="{{ .Site.Params.gitUrl -}}{{ .GitInfo.Hash }}" target="_blank" rel="noopener">{{ .GitInfo.AbbreviatedHash }}</a> @ {{ if .Site.Params.dateformNum }}{{ dateFormat .Site.Params.dateformNum .GitInfo.AuthorDate.Local }}{{ else }}{{ dateFormat "2006-01-02" .GitInfo.AuthorDate.Local }}{{ end }}</p>
   				{{- end }}
   			</div>
 

diff --git a/themes/hello-friend-ng/layouts/albums/single.html b/themes/hello-friend-ng/layouts/albums/single.html
@@ -60,7 +60,7 @@ <h1>{{ .Title }}</h1>
       {{- end -}}
 
       {{- if .GitInfo }}
-          <p><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg><a href="{{ .Site.Params.gitUrl -}}{{ .GitInfo.Hash }}" target="_blank" rel="noopener">{{ .GitInfo.AbbreviatedHash }}</a> @ {{ if .Site.Params.dateformNum }}{{ dateFormat .Site.Params.dateformNum .GitInfo.AuthorDate.Local }}{{ else }}{{ dateFormat "2006-01-02" .GitInfo.AuthorDate.Local }}{{ end }}</p>
+          <p class="gitinfo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg><a href="{{ .Site.Params.gitUrl -}}{{ .GitInfo.Hash }}" target="_blank" rel="noopener">{{ .GitInfo.AbbreviatedHash }}</a> @ {{ if .Site.Params.dateformNum }}{{ dateFormat .Site.Params.dateformNum .GitInfo.AuthorDate.Local }}{{ else }}{{ dateFormat "2006-01-02" .GitInfo.AuthorDate.Local }}{{ end }}</p>
       {{- end }}
   </div>
 

diff --git a/themes/hello-friend-ng/layouts/posts/single.html b/themes/hello-friend-ng/layouts/posts/single.html
@@ -48,7 +48,7 @@ <h1 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
             </p>
 
             {{- if .GitInfo }}
-                <p><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg><a href="{{ .Site.Params.gitUrl -}}{{ .GitInfo.Hash }}" target="_blank" rel="noopener">{{ .GitInfo.AbbreviatedHash }}</a> @ {{ if .Site.Params.dateformNum }}{{ dateFormat .Site.Params.dateformNum .GitInfo.AuthorDate.Local }}{{ else }}{{ dateFormat "2006-01-02" .GitInfo.AuthorDate.Local }}{{ end }}</p>
+                <p class="gitinfo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg><a href="{{ .Site.Params.gitUrl -}}{{ .GitInfo.Hash }}" target="_blank" rel="noopener">{{ .GitInfo.AbbreviatedHash }}</a> @ {{ if .Site.Params.dateformNum }}{{ dateFormat .Site.Params.dateformNum .GitInfo.AuthorDate.Local }}{{ else }}{{ dateFormat "2006-01-02" .GitInfo.AuthorDate.Local }}{{ end }}</p>
             {{- end }}
         </div>