Enhance testing setup by adding demo HTML and JS files, and update package.json scripts for automated testing

Gioee · Gioee · commit 18bec6a76b66 · 2025-09-03T20:20:39.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 node_modules/
 sqlite-wasm/*
 !sqlite-wasm/package.json
-!sqlite-wasm/README.md
+!sqlite-wasm/README.md
+!sqlite-wasm/test
diff --git a/sqlite-wasm/package.json b/sqlite-wasm/package.json
@@ -47,9 +47,10 @@
     "clean": "cd .. && git clean -fdX",
     "build": "npm run clean && cd .. && ./build.sh",
     "start": "npx http-server --coop",
+    "test": "npm run start & HTTP_SERVER_PID=$! && sleep 3 && node test/test.cjs && kill $HTTP_SERVER_PID",
     "fix": "npx prettier . --write",
-    "prepublishOnly": "npm run build && npm run fix && npm run publint && npm run check-types",
-    "deploy": "npm run prepublishOnly && npm publish --access public --provenance"
+    "prepare": "npm run build && npm run fix && npm run publint && npm run check-types npm run test",
+    "deploy": "npm run prepare && npm publish --access public --provenance"
   },
   "repository": {
     "type": "git",
@@ -63,6 +64,7 @@
   "homepage": "https://github.com/sqliteai/sqlite-wasm#readme",
   "devDependencies": {
     "http-server": "github:vapier/http-server",
+    "playwright": "*",
     "prettier": "^3.5.3",
     "prettier-plugin-jsdoc": "^1.3.2",
     "publint": "^0.3.12",
diff --git a/sqlite-wasm/test/demo.html b/sqlite-wasm/test/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en-us">
+  <body>
+    <script>(function(){
+      const logHtml = function(cssClass,...args){
+        const ln = document.createElement('div');
+        if(cssClass) ln.classList.add(cssClass);
+        ln.append(document.createTextNode(args.join(' ')));
+        document.body.append(ln);
+      };
+      const w = new Worker("demo.js?sqlite3.dir=../sqlite-wasm/jswasm");
+      w.onmessage = function({data}){
+        switch(data.type){
+            case 'log':
+              logHtml(data.payload.cssClass, ...data.payload.args);
+              break;
+            default:
+              logHtml('error',"Unhandled message:",data.type);
+        };
+      };
+    })();</script>
+  </body>
+</html>
diff --git a/sqlite-wasm/test/demo.js b/sqlite-wasm/test/demo.js
@@ -0,0 +1,63 @@
+'use strict';
+(function(){
+  const logHtml = function(cssClass,...args){
+    postMessage({
+      type:'log',
+      payload:{cssClass, args}
+    });
+  }
+  const log = (...args)=>logHtml('',...args);
+  const error = (...args)=>logHtml('error',...args);
+
+  const testVersion = function(sqlite3){
+    const db = new sqlite3.oo1.DB("/mydb.sqlite3",'ct');
+
+    try {
+      let testString = '';
+      db.exec({
+        sql: "select sqlite_version();",
+        rowMode: 'array',
+        callback: function(version){
+          testString += version;
+        }
+      });
+      db.exec({
+        sql: "select cloudsync_version();",
+        rowMode: 'array',
+        callback: function(version){
+          testString += `-sync.${version}`;
+        }
+      });
+      db.exec({
+        sql: "select vector_version();",
+        rowMode: 'array',
+        callback: function(version){
+          testString += `-vector.${version}`;
+        }
+      });
+      log(testString);
+    }finally{
+      db.close();
+    }
+
+  };
+
+  if(globalThis.window!==globalThis) {
+    let sqlite3Js = 'sqlite3.js';
+    const urlParams = new URL(globalThis.location.href).searchParams;
+    if(urlParams.has('sqlite3.dir')){
+      sqlite3Js = urlParams.get('sqlite3.dir') + '/' + sqlite3Js;
+    }
+    importScripts(sqlite3Js);
+  }
+  globalThis.sqlite3InitModule({
+    print: log,
+    printErr: console.error
+  }).then(function(sqlite3){
+    try {
+      testVersion(sqlite3);
+    }catch(e){
+      error("Exception:",e.message);
+    }
+  });
+})();
diff --git a/sqlite-wasm/test/test.cjs b/sqlite-wasm/test/test.cjs
@@ -0,0 +1,26 @@
+const { chromium, firefox, webkit } = require('playwright');
+const packageJson = require('../package.json');
+
+(async () => {
+    [
+        chromium,
+        firefox,
+        webkit
+    ].forEach(async (browser) => {
+        const window = await browser.launch();
+        const context = await window.newContext();
+        const page = await context.newPage();
+
+        await page.goto('http://127.0.0.1:8081/test/demo.html');
+
+        //sleep 5s
+        await new Promise(r => setTimeout(r, 5000));
+
+        const version = await page.evaluate(() => document.body.innerText);
+
+        if (version != packageJson.version) throw Error('Error: version mismatch');
+        console.log(`✅ ${browser.name()} sqlite-wasm test passed`);
+        
+        await window.close();
+    });
+})();
