My goal was to try fully ES6 tests that works in browser and puppeteer without transpi

pakage.json <div class="highlight highlight-source-json notranslate p

Example how to use zora with puppeteer and ES6 about zora HOT 2 CLOSED

lorenzofox3 commented on August 23, 2024

Example how to use zora with puppeteer and ES6

from zora.

Comments (2)

munrocket commented on August 23, 2024 1

pakage.json

{
  "test": "concurrently -k -s first \"npm:puppeteer\" \"http-server -c-1 -p 1234\"",
  "puppeteer": "node --experimental-modules --es-module-specifier-resolution=node --no-warnings ./test/puppeteer"
}

test.js

import { test } from '../node_modules/zora/dist/bundle/module.js';

test('should result to the answer', t => {
    const answer = 42
    t.equal(answer, 42, 'answer should be 42');
});

puppeteer.js

import puppeteer from 'puppeteer';

(async () => {
  const browser = await puppeteer.launch({ headless: false });

  const page = await browser.newPage();
  page.on('console', msg => {
    for (let i = 0; i < msg.args().length; ++i) {
      const str = msg.args()[i].toString().slice(9);
      console.log(str);
      if (str.trim() == '# ok') {
        process.exit(0)
      } else if (str == '# not ok') {
        process.exit(1)
      }
    }
  });
  await page.goto('http://127.0.0.1:1234/');

  await new Promise(resolve => setTimeout(resolve, 10000));
  process.exit(2);
})();

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Testing</title>
</head>
<body>
  
</body>
<script type="module" src="test.js"></script>
</html>