Images are broken after adding playwright tests to build

package.json

@@ -22,10 +22,11 @@
     "predev": "concurrently 'npm run clean' 'npm run generate-tags'",
     "dev": "eleventy --serve --quiet",
     "debug:eleventy": "DEBUG=Eleventy* eleventy",
-    "generate-tags": "./tools/tag-helper.js 'content/blog' 'data/content-tags.json'",
+    "generate-tags": "node ./tools/tag-helper.js 'content/blog' 'data/content-tags.json'",
     "prestart": "npm run build",
-    "start": "http-server ./dist --port 8081",
-    "test": "playwright test --config=playwright.config.js"
+    "start": "http-server ./_site --port 8081",
+    "test": "playwright test --config=playwright.config.js",
+    "postinstall": "playwright install-deps"
   },
   "devDependencies": {
     "@11ty/eleventy": "^3.0.0",

playwright.config.js

@@ -27,7 +27,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: 'http://localhost:8080',
+    baseURL: 'http://localhost:8081',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
@@ -72,8 +72,8 @@ export default defineConfig({
   ],
 
   webServer: {
-    command: 'npm run dev',
-    url: 'http://127.0.0.1:8080',
+    command: 'npm start',
+    url: 'http://127.0.0.1:8081',
     reuseExistingServer: !process.env.CI,
   },
 });

tests/metadata.spec.js

@@ -29,7 +29,8 @@ test.describe('Page Metadata Checks', () => {
 
   test.beforeAll(async () => {
     // Replace with your sitemap URL
-    const sitemapUrl = 'http://localhost:8080/sitemap.xml';
+    const sitemapUrl = 'http://localhost:8081/sitemap.xml';
+
     routes = await getRoutesFromSitemap(sitemapUrl);
   });