leaflet-rotate/test/setup/http_server.js

A Leaflet plugin that allows to add rotation functionality to map tiles

import { suite as uvu_suite } from 'uvu';
import { exec } from 'child_process';
import { chromium } from 'playwright';

/**
 * Start HTTP server 
 */
export async function setup(ctx) {
    ctx.server = new AbortController();
    exec('http-server', { signal: ctx.server.signal });
    ctx.localhost = 'http://localhost:8080';
    ctx.browser = await chromium.launch();
    ctx.context = await ctx.browser.newContext();
    ctx.context.route(/.html$/, mock_cdn_urls);
    ctx.page = await ctx.context.newPage();
}

/**
 * Stop HTTP server 
 */
export async function reset(ctx) {
    await ctx.context.close();
    await ctx.browser.close();
    try { ctx.server.abort(); } catch(e) { }
}

/**
 * Sample wrapper for uvu `suite`
 * 
 * @example start a new test session at: http://localhost:8080/examples/leaflet-rotate.html
 * 
 * ```js
 * const test = suite('examples/leaflet-rotate.html');
 * 
 * test('rotatePane', async ({ page }) => {
 *   const rotatePane = await page.evaluate(() => new Promise(resolve => {
 *     resolve(map._rotatePane)
 *   }));
 *   assert.not.type(rotatePane, 'undefined');
 * });
 * ```
 * 
 * @see https://github.com/lukeed/uvu
 */
export function suite() {
    const test = uvu_suite(...arguments);
    test.before(setup);
    test.after(reset);
    test.before.each(async ({ localhost, page }) => {
        await page.goto((new URL(arguments[0], localhost)).toString());
    });
    // augment uvu `test` function with a third parameter `timeout`
    return new Proxy(test, {
        apply: (object, _, argsList) => {
            return object(argsList[0], timeout(argsList[1], argsList[2]));
        }
    });
}

/**
 * Sets maximum execution time for a function 
 * 
 * @see https://github.com/lukeed/uvu/issues/33#issuecomment-879870292 
 */
function timeout(handler, ms=10000) {
    return (ctx) => {
      let timer
      return Promise.race([
        handler(ctx),
        new Promise((_, reject) => { timer = setTimeout(() => reject(new Error('[TIMEOUT] Maximum execution time exceeded: ' + ms + 'ms')), ms) })
      ]).finally(() => { clearTimeout(timer) })
    }
}

/**
 * Replace CDN URLs with locally developed files within Network response.
 * 
 * @requires playwright
 */
async function mock_cdn_urls(route) {
    const response = await route.fetch();
    let body = await response.text();
    body = body.replace(new RegExp('https://unpkg.com/leaflet-rotate@(.*?)/', 'g'), '../');
    body = body.replace(new RegExp('leaflet-rotate@(.*?)/', 'g'), '../');
    route.fulfill({ response, body, headers: response.headers() });
}