chore: add browser example test

[vasco-santos]

This PR adds a test for the libp2p in the browser example. It also includes the browser setup for testing examples based on ipfs/js-ipfs#2528

[hugomrdias]

'use strict'

const execa = require('execa')
const assert = require('assert')
const { chromium } = require('playwright');

async function run () {
  let url = ''
  const proc = execa('parcel', ['./index.html'], {
    preferLocal: true,
    localDir: __dirname,
    cwd: __dirname,
    all: true
  })
  
  proc.all.on('data', async (chunk) => {
    /**@type {string} */
    const out = chunk.toString()

    if(out.includes('Server running at')){
      url = out.replace('Server running at ', '')
    }

    if(out.includes('✨  Built in ')){
      try {
        const browser = await chromium.launch();
        const page = await browser.newPage();
        await page.goto(url);
        await page.waitForFunction(selector => document.querySelector(selector).innerText === 'libp2p started!', '#status')
        await page.waitForFunction(
          selector => { 
            const text = document.querySelector(selector).innerText 
            return text.includes('libp2p id is') &&
            text.includes('Found peer') &&
            text.includes('Connected to')
          }, 
          '#output',
          { timeout: 5000 }
        )
        await browser.close();
        
      } catch (err) {
        console.error(err)
        process.exit(1)
      } finally {
        proc.cancel()
      }
    }
  })

}

module.exports = run

With the above snippet in the test.js there no need for changes in the others files. What do you think ?

[hugomrdias]

probably not needed with the new setup

[vasco-santos]

Just tried this out, but we need it otherwise the tests do not run.

[vasco-santos]

Thanks for the suggestions @hugomrdias . This should now be good. Just waiting on CI