Running tests in browsers using Playwright (#572)

* 0

* adding playwright

* playwright

* lock

* playwright

* chromium

* ci

* browser

* CI

* changelog

Author: sergey-shandar

.github/workflows/ci.yml

@@ -79,6 +79,18 @@
         {
           "run": "npx tsgo"
         },
+        {
+          "run": "npx playwright install --with-deps"
+        },
+        {
+          "run": "npx playwright test --browser=chromium"
+        },
+        {
+          "run": "npx playwright test --browser=firefox"
+        },
+        {
+          "run": "npx playwright test --browser=webkit"
+        },
         {
           "run": "npm pack"
         },
@@ -300,6 +312,18 @@
         {
           "run": "npx tsgo"
         },
+        {
+          "run": "npx playwright install --with-deps"
+        },
+        {
+          "run": "npx playwright test --browser=chromium"
+        },
+        {
+          "run": "npx playwright test --browser=firefox"
+        },
+        {
+          "run": "npx playwright test --browser=webkit"
+        },
         {
           "run": "npm pack"
         },
@@ -506,6 +530,18 @@
         {
           "run": "npx tsgo"
         },
+        {
+          "run": "npx playwright install --with-deps"
+        },
+        {
+          "run": "npx playwright test --browser=chromium"
+        },
+        {
+          "run": "npx playwright test --browser=firefox"
+        },
+        {
+          "run": "npx playwright test --browser=webkit"
+        },
         {
           "run": "npm pack"
         },
@@ -712,6 +748,18 @@
         {
           "run": "npx tsgo"
         },
+        {
+          "run": "npx playwright install --with-deps"
+        },
+        {
+          "run": "npx playwright test --browser=chromium"
+        },
+        {
+          "run": "npx playwright test --browser=firefox"
+        },
+        {
+          "run": "npx playwright test --browser=webkit"
+        },
         {
           "run": "npm pack"
         },
@@ -918,6 +966,18 @@
         {
           "run": "npx tsgo"
         },
+        {
+          "run": "npx playwright install --with-deps"
+        },
+        {
+          "run": "npx playwright test --browser=chromium"
+        },
+        {
+          "run": "npx playwright test --browser=firefox"
+        },
+        {
+          "run": "npx playwright test --browser=webkit"
+        },
         {
           "run": "npm pack"
         },
@@ -1130,6 +1190,18 @@
         {
           "run": "npx tsgo"
         },
+        {
+          "run": "npx playwright install --with-deps"
+        },
+        {
+          "run": "npx playwright test --browser=chromium"
+        },
+        {
+          "run": "npx playwright test --browser=firefox"
+        },
+        {
+          "run": "npx playwright test --browser=webkit"
+        },
         {
           "run": "npm pack"
         },

.gitignore

@@ -116,7 +116,7 @@ bin/
 *.exp
 *.lib
 
-# temoprary files
+# temporary files
 _result.*
 
 # Rust
@@ -130,4 +130,5 @@ _*
 **/*.d.ts
 **/*.js
 
-deno.lock
+deno.lock
+test-results/

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+- Running tests in browsers [PR 572](https://github.com/functionalscript/functionalscript/pull/572)
 - Generating a GitHub CI file [PR 569](https://github.com/functionalscript/functionalscript/pull/569)
 - New Nominal type that prohibits '<' operations in Type Script
   [PR 567](https://github.com/functionalscript/functionalscript/pull/567).

ci/module.f.ts

@@ -124,7 +124,13 @@ const steps = (v: Os) => (a: Architecture): readonly Step[] => {
         ...oldNode('22'),
         ...node('24')([]),
         ...node('25')([
+            // TypeScript Preview
             { run: 'npx tsgo' },
+            // Playwright
+            { run: 'npx playwright install --with-deps' },
+            ...['chromium', 'firefox', 'webkit'].map(browser =>
+            ({ run: `npx playwright test --browser=${browser}` })),
+            // publishing
             { run: 'npm pack' },
             { run: `npm install -g ${install(v)}` },
             { run: 'fsc issues/demo/data/tree.json _tree.f.js' },

dev/tf/all.test.ts

@@ -9,6 +9,8 @@ declare const Bun: object | undefined
 
 const isBun = typeof Bun !== 'undefined'
 
+const isPlaywright = typeof process !== 'undefined' && process?.env?.PLAYWRIGHT_TEST !== undefined
+
 //
 
 type Awaitable<T> = Promise<T> | T
@@ -24,10 +26,19 @@ type CommonFramework = (name: string, f: TestFunc) => Awaitable<void>
 const createFramework = (fw: typeof nodeTest): CommonFramework =>
     (prefix, f) => fw.test(prefix, t => f((name, v) => t.test(name, v)))
 
+// Bun doesn't support nested tests yet.
 const createBunFramework = (fw: typeof nodeTest): CommonFramework =>
     (prefix, f) => f((name, v) => fw.test(`${prefix}: ${name}`, v))
 
-const framework = isBun ? createBunFramework(nodeTest) : createFramework(nodeTest)
+const createPlaywrihtFramework = async (): Promise<CommonFramework> => {
+    const pwTest = (await import('@playwright/test')).test
+    return (prefix, f) => f((name, v) => pwTest(`${prefix}: ${name}`, v))
+}
+
+const framework: CommonFramework =
+    isPlaywright ? await createPlaywrihtFramework() :
+    isBun ? createBunFramework(nodeTest) :
+        createFramework(nodeTest)
 
 const parse = parseTestSet(io.tryCatch)