Adds Playwright testing that actually works; other minor updates.

Author: willum070

e2e/samples.spec.ts

@@ -0,0 +1,66 @@
+/*
+ * Copyright 2024 Google LLC 
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+*/
+
+import { test, expect } from '@playwright/test';
+import fs from 'fs';
+import path from 'path';
+import childProcess from 'child_process'; // Import childProcess
+
+const samplesDir = path.join(__dirname, '..', 'samples');
+
+const sampleFolders = fs.readdirSync(samplesDir).filter((file) => {
+  return fs.statSync(path.join(samplesDir, file)).isDirectory();
+});
+
+sampleFolders.forEach((sampleFolder) => {
+  test(`test ${sampleFolder}`, async ({ page }) => {
+    const url = `http://localhost:8080/samples/${sampleFolder}/`;
+
+    // START Build the sample
+    const buildProcess = childProcess.spawn('npm', ['run', 'build'], {
+      cwd: path.join(samplesDir, sampleFolder),
+      stdio: 'inherit',
+    });
+
+    await new Promise((resolve, reject) => {
+        buildProcess.on('close', (code) => {
+          if (code === 0) {
+            resolve(true);
+          } else {
+            reject(`Build process exited with code ${code}`);
+          }
+        });
+      });
+    // END Build the sample
+
+    // START run the preview
+    const viteProcess = childProcess.spawn('npm', ['run', 'preview', '--', '--port=8080'], {
+      cwd: path.join(samplesDir, sampleFolder),
+      stdio: 'inherit', 
+    });
+
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    // END run the preview
+
+    try {
+      await page.goto(url);
+      await page.waitForLoadState('domcontentloaded');
+      // Add your assertions here
+    } finally {
+      viteProcess.kill();
+    }
+  });
+});

playwright.config.ts

@@ -1,5 +1,21 @@
 import { defineConfig, devices } from '@playwright/test';
 
+/*
+ * Copyright 2024 Google LLC 
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+*/
+
 /**
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
@@ -20,34 +36,36 @@ export default defineConfig({
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
   /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
+  //workers: process.env.CI ? 1 : undefined,
+  workers: 1,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: 'html',
   /* 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://127.0.0.1:3000',
+    baseURL: 'http://localhost:8080',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
   },
 
+  testMatch: 'e2e/samples.spec.ts', // NEW
+
   /* Configure projects for major browsers */
   projects: [
     {
       name: 'chromium',
       use: { ...devices['Desktop Chrome'] },
     },
-
+    /**
     {
       name: 'firefox',
       use: { ...devices['Desktop Firefox'] },
     },
-
     {
       name: 'webkit',
       use: { ...devices['Desktop Safari'] },
-    },
+    },*/
 
     /* Test against mobile viewports. */
     // {
@@ -76,4 +94,4 @@ export default defineConfig({
   //   url: 'http://127.0.0.1:3000',
   //   reuseExistingServer: !process.env.CI,
   // },
-});
+});

samples/add-map/package.json

@@ -4,7 +4,8 @@
   "scripts": {
     "build": "tsc && bash ../jsfiddle.sh add-map && bash ../app.sh add-map && bash ../docs.sh add-map && npm run build:vite --workspace=.",
     "start": "tsc && vite build --base './' && vite",
-    "build:vite": "vite build --base './'"
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
   },
   "dependencies": {
 

samples/map-simple/package.json

@@ -3,7 +3,8 @@
   "version": "1.0.0",
   "scripts": {
     "build": "tsc && bash ../jsfiddle.sh map-simple && bash ../app.sh map-simple && bash ../docs.sh map-simple && vite build  --base './'",
-    "start": "tsc && vite build --base './' && vite"
+    "start": "tsc && vite build --base './' && vite",
+    "preview": "vite preview"
   },
   "dependencies": {
 

samples/vite.config.js

@@ -1,14 +1,30 @@
-// https://vitejs.dev/config/
+/*
+ * Copyright 2024 Google LLC 
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+*/
+
 import { defineConfig } from 'vite';
 import dotenv from 'dotenv';
 
 dotenv.config();
 
 export default defineConfig({
-    root: '../',
+    //root: '../',
     build: {
         emptyOutDir: true,
-        outDir: '../dist',
+        //outDir: '../dist',
+        outDir: './dist',
     },
 
     define: {