ui5-test-runner 3.1.0 → 3.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui5-test-runner",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Standalone test runner for UI5",
   "main": "index.js",
   "files": [
@@ -16,12 +16,13 @@
   },
   "scripts": {
     "lint": "standard --fix",
-    "test": "npm run test:unit && npm run test:integration:jsdom && npm run test:integration:puppeteer && npm run test:integration:selenium-webdriver-chrome",
+    "test": "npm run test:unit && npm run test:integration:jsdom && npm run test:integration:puppeteer && npm run test:integration:selenium-webdriver-chrome && npm run test:integration:playwright",
     "test:unit": "jest",
     "test:unit:debug": "jest --runInBand",
     "test:integration:puppeteer": "node . --capabilities --browser $/puppeteer.js",
     "test:integration:selenium-webdriver-chrome": "node . --capabilities --browser $/selenium-webdriver.js -- --browser chrome",
     "test:integration:jsdom": "node . --capabilities --browser $/jsdom.js",
+    "test:integration:playwright": "node . --capabilities --browser $/playwright.js",
     "test:report": "node ./src/defaults/report.js ./test/report && reserve --config ./test/report/reserve.json",
     "build:doc": "node build/doc"
   },
@@ -55,7 +56,7 @@
     "jest": "^29.5.0",
     "nock": "^13.3.1",
     "nyc": "^15.1.0",
-    "standard": "^17.0.0"
+    "standard": "^17.1.0"
   },
   "optionalDependencies": {
     "fsevents": "^2.3.2"

package/src/defaults/playwright.js

@@ -0,0 +1,124 @@
+'use strict'
+
+const { InvalidArgumentError } = require('commander')
+const { join } = require('path')
+
+let browser
+let context
+let page
+
+function browserSelector (value, defaultValue) {
+  if (value === undefined) {
+    return 'chromium'
+  }
+  if (!['chromium', 'firefox', 'webkit'].includes(value)) {
+    throw new InvalidArgumentError('Browser name')
+  }
+  return value
+}
+
+require('./browser')({
+  metadata: {
+    name: 'playwright',
+    options: [
+      ['-b, --browser <name>', 'Browser driver', browserSelector, 'chromium'],
+      ['--visible [flag]', 'Show the browser', false],
+      ['-w, --viewport-width <width>', 'Viewport width', 1280],
+      ['-h, --viewport-height <height>', 'Viewport height', 720],
+      ['-l, --language <lang>', 'Language', 'en-US'],
+      ['-u, --unsecure', 'Disable security features', false],
+      ['-v, --video', 'Record video', false],
+      ['-n, --har', 'Record network activity with har file', false]
+    ],
+    capabilities: {
+      modules: ['playwright'],
+      screenshot: '.png',
+      scripts: true,
+      traces: ['console', 'network']
+    }
+  },
+
+  async screenshot ({ filename }) {
+    if (page) {
+      await page.screenshot({
+        path: filename,
+        fullPage: true
+      })
+      return true
+    }
+  },
+
+  async beforeExit () {
+    if (page) {
+      await page.close()
+    }
+    if (context) {
+      await context.close()
+    }
+    if (browser) {
+      await browser.close()
+    }
+  },
+
+  async run ({
+    settings: { url, scripts, modules, dir },
+    options,
+    consoleWriter,
+    networkWriter
+  }) {
+    const browsers = require(modules.playwright)
+    browser = await browsers[options.browser].launch()
+
+    let recordVideo
+    if (options.video) {
+      recordVideo = {
+        dir
+      }
+    }
+
+    let recordHar
+    if (options.har) {
+      recordHar = {
+        path: join(dir, 'network.har')
+      }
+    }
+
+    context = await browser.newContext({
+      viewport: {
+        width: options.viewportWidth,
+        height: options.viewportHeight
+      },
+      locale: options.language,
+      bypassCSP: options.unsecure,
+      ignoreHTTPSErrors: options.unsecure,
+      recordVideo,
+      recordHar
+    })
+
+    context.setDefaultNavigationTimeout(0)
+
+    if (scripts && scripts.length) {
+      for (const content of scripts) {
+        await context.addInitScript({ content })
+      }
+    }
+
+    page = await context.newPage()
+
+    page
+      .on('console', message => consoleWriter.append({
+        type: message.type(),
+        text: message.text()
+      }))
+      .on('response', response => {
+        const request = response.request()
+        networkWriter.append({
+          method: request.method(),
+          url: response.url(),
+          status: response.status()
+        })
+      })
+
+    await page.goto(url)
+  }
+})

package/src/defaults/puppeteer.js

@@ -93,7 +93,7 @@ require('./browser')({
       })
 
     if (scripts && scripts.length) {
-      for await (const script of scripts) {
+      for (const script of scripts) {
         await page.evaluateOnNewDocument(script)
       }
     }

package/src/output.js

@@ -9,7 +9,7 @@ const {
   $probeUrlsCompleted,
   $testPagesCompleted
 } = require('./symbols')
-const { noop, pad } = require('./tools')
+const { filename, noop, pad } = require('./tools')
 
 const inJest = typeof jest !== 'undefined'
 const interactive = process.stdout.columns !== undefined && !inJest
@@ -305,7 +305,7 @@ function build (job) {
     },
 
     browserStart (url) {
-      const text = p80()`${getElapsed()} >> ${pad.lt(url)}`
+      const text = p80()`${getElapsed()} >> ${pad.lt(url)} [${filename(url)}]`
       if (interactive) {
         output(job, text)
       } else {
@@ -319,7 +319,7 @@ function build (job) {
       if (page) {
         duration = ' (' + formatTime(page.end - page.start) + ')'
       }
-      const text = p80()`${getElapsed()} << ${pad.lt(url + duration)}`
+      const text = p80()`${getElapsed()} << ${pad.lt(url)} ${duration} [${filename(url)}]`
       if (interactive) {
         output(job, text)
       } else {