Added test: Visual comparisons

.gitignore

@@ -3,5 +3,6 @@
 /dist
 tests/screenshot
 tests/tracing
+test-results
 
 .DS_Store

package.json

@@ -4,7 +4,7 @@
   "description": "Template to create a desktop app with Svelte, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)",
   "author": "Samuele de Tomasi <[email protected]>",
   "license": "MIT",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "main": "dist/index.js",
   "scripts": {
     "nodemon": "nodemon",

playwright.config.ts

@@ -6,6 +6,9 @@ const config: PlaywrightTestConfig = {
   use: {
     trace: 'on',
   },
+  expect: {
+    toMatchSnapshot: { threshold: 0.2 },
+  },
 }
 
 export default config

tests/base.test.ts

@@ -5,6 +5,7 @@
 // https://github.com/cawa-93/vite-electron-builder/blob/7d2df55fd8a0b3a803963d62558f719c9034ba2a/tests/app.spec.js
 // https://github.com/microsoft/playwright/tree/master/tests/electron
 // https://github.com/spaceagetv/electron-playwright-example
+// https://playwright.dev/docs/test-snapshots
 
 import { ElectronApplication, Page, _electron as electron } from 'playwright';
 import { test, expect } from '@playwright/test';
@@ -50,6 +51,7 @@ test.describe('Check Man Page', async () => {
         firstWindow = await electronApp.firstWindow();
 
         await firstWindow.screenshot({ path: 'tests/screenshot/firstWindow.png' });
+        expect(await firstWindow.screenshot()).toMatchSnapshot('firstWindow.png');
     })
 
     test('Check title', async () => {