Add support for win32 development (#115)

* Adding Win32 tooling

* Support Win32 development

Author: egirard

config.bat

@@ -0,0 +1,14 @@
+@echo off
+rem Configure command environment variables.
+rem    config silent [runs silently]
+rem    config [runs "verbosely", reporting on current settings]
+rem Note that anything will match "silent"
+if "%WPT_DIR%"=="" set WPT_DIR=test\wpt
+if "%WPT_SERVER_PORT%"=="" set WPT_SERVER_PORT=8082
+if "%WPT_SERVER_ADDRESS%"=="" set WPT_SERVER_ADDRESS=127.0.0.1
+if "%LOCAL_BROWSER%"=="" set LOCAL_BROWSER=chrome
+if "%LOCAL_WEBDRIVER_BIN%"=="" set LOCAL_WEBDRIVER_BIN=c:\src\src\out\default\chromedriver.exe
+if NOT "%1"=="" goto END
+echo Configured to run tests on %LOCAL_BROWSER% at http://%WPT_SERVER_ADDRESS%:%WPT_SERVER_PORT%
+echo Tests will be served from %WPT_DIR% using %LOCAL_WEBDRIVER_BIN%
+:END

package.json

@@ -9,7 +9,9 @@
     "dev": "run-all \"serve\" \" microbundle watch -f iife \"",
     "deploy": "npm run build",
     "test:simple": "./test/setup/wpt-repo.sh && node ./test/webdriver/wpt-server-cli.js",
-    "test:webdriver": "./test/setup/wpt-repo.sh && node test/webdriver/index.js"
+    "test:simple-w": "test\\setup\\wpt-repo.sh.bat && node ./test/webdriver/wpt-server-cli.js",
+    "test:webdriver": "./test/setup/wpt-repo.sh && node test/webdriver/index.js",
+    "test:webdriver-w": "test\\setup\\wpt-repo.sh.bat && node test/webdriver/index.js"
   },
   "repository": {
     "type": "git",

run-server-locally.bat

@@ -0,0 +1,2 @@
+@call config silent
+npm run test:simple-w

run-tests-locally.bat

@@ -0,0 +1,2 @@
+@call config silent
+npm run test:webdriver-w

test/setup/wpt-repo.sh.bat

@@ -0,0 +1,32 @@
+@echo off
+rem #!/bin/bash
+
+rem PROJ_DIR="$(cd "$(dirname "$1")" && pwd)"
+
+rem WPT_DIR="$PROJ_DIR/test/wpt"
+
+rem # if directory does not exist, clone fresh-stuff from WPT master
+rem if [ ! -d "$WPT_DIR" ]; then
+rem   echo "WPT folder not found, cloning from remote..."
+rem   git clone https://github.com/web-platform-tests/wpt $WPT_DIR
+rem else
+rem   # ask git to attempt to rebase our changes on top of remote
+rem   git -C "$WPT_DIR" pull --ff-only
+rem fi
+
+set PROJ_DIR=%CD%
+set WPT_DIR=%PROJ_DIR%\test\wpt
+
+if exist %WPT_DIR%\. goto UPDATE_CONTENT
+echo dir not found.  Creating
+echo on
+git clone https://github.com/web-platform-tests/wpt %WPT_DIR%
+@echo off
+goto :END
+
+:UPDATE_CONTENT
+echo updating content
+echo on
+git -C %WPT_DIR% pull --ff-only
+@echo off
+:END

test/webdriver/index.js

@@ -11,6 +11,7 @@ const wptServer = require("./wpt-server");
 const TEST_CONFIGS = require("../tests.config.json");
 const harnessTests = require("./harness-tests");
 const { resolve } = require("path");
+const os = require('os');
 
 // Env configs
 const ENV = {}
@@ -155,6 +156,12 @@ async function runWebDriverTests() {
         }
 
         for (let testFile of testFiles) {
+            if (os.platform() === 'win32') {
+                // Under Win32, we're using ENV.WPT_DIR as a full path
+                // testFile is relative, so we need to map to a full path.
+                testFile = process.cwd() + '\\'+ testFile;
+            }
+
             // convert: test/wpt/scroll-timeline/....html
             // to: localhost:PORT/scroll-timeline/....html
             let url = testFile.replace(ENV.WPT_DIR, baseURL);

test/webdriver/wpt-server.js

@@ -1,5 +1,6 @@
 const fs = require('fs');
 const http = require('http');
+const os = require('os');
 
 async function wptServer(harnessTestURLs, testConfigs, env) {
 
@@ -17,23 +18,40 @@ async function wptServer(harnessTestURLs, testConfigs, env) {
     function handler(req, res) {
         let url = req.url
         let fileToServe = env.WPT_DIR + url
+        let diagnostics = false;
         if( polyfillsSet.has(url) ) {
             fileToServe = process.cwd() + url
+            if (diagnostics) {
+                console.log("Polyfill file requested.  Mapping %s to %s", 
+                url, fileToServe);
+            }
         }
         // this is not safe to use as generic server
         // anyone can navigate back to serve any file on your server
         // outside the desired `base` but for our use, it's fine.
         fs.readFile(fileToServe, "utf8", (err, data) => {
             if (err) {
+                if (diagnostics) console.log("Returning 404 for %s", fileToServe);
                 res.writeHead(404, {"Content-Type": "text/plain"});
                 res.write('404 not found');
                 return res.end();
             }
+            // win32 uses backslashes.  Need to re-write the url
+            let mangledURL = fileToServe;
+            if (os.platform() === 'win32') {
+                mangledURL = "test/wpt" + url;
+                mangledURL = mangledURL.replaceAll('/', '\\');
+
+                if (diagnostics) {
+                    console.log("Windows hack: remap %s to %s", fileToServe, mangledURL);
+                }
+            }
 
             res.statusCode = 200;
+            if (diagnostics) console.log("Testing to see if %s needs a polyfill.", fileToServe);
             // if the URL being served is for a harness test we need to inject the polyfill
-            if( harnessTestURLs.has(fileToServe) ) {
-                console.log("Injecting polyfill in " + url);
+            if( harnessTestURLs.has(mangledURL) ) { 
+                if (diagnostics) console.log("*******  Injecting polyfill in " + url);
                 data = data.replace(/(<\/.*title.*>)/gi, `$1${polyfillStr}`);
             }
             res.write(data);