npm i puppeteer mocha puppeteer-to-istanbul nyc -D

const puppeteer = require('puppeteer');
const pti = require('puppeteer-to-istanbul');
const assert = require('assert');
/**
* ./test/script_test.js
* @name Feature testing
* @desc Create Chrome instance and interact with page.
*/
let browser;
let page;
describe('Feature one...', () => {
    before(async () => {
        // Создание экземпляра браузера
        browser = await puppeteer.launch()
        page = await browser.newPage()
        await page.setViewport({ width: 1280, height: 800 });
        // Подключите покрытие JavaScript и CSS
        await Promise.all([
            page.coverage.startJSCoverage(),
            page.coverage.startCSSCoverage()
          ]);
        // Конечная точка для эмуляции изолированного окружения
        await page.goto('http://localhost:8080', { waitUntil: 'networkidle2' });
    });
    // Первый тестовый набор
    describe('Visual regress', () => {
        it('title contain `Some Title`', async () => {
            // Настройка
            let expected = 'Some Title';
            // Выполнение
            let title = await page.title();
            // Проверка
            assert.equal(title, expected);
        }).timeout(50000);
    });
    // Второй тестовый набор
    describe('E2E testing', () => {
        it('Some button clickable', async () => {
            // Настройка
            let expected = true;
            let expectedCssLocator = '#someIdSelector';
            let actual;
            // Выполнение
            let actualPromise = await page.waitForSelector(expectedCssLocator);
            if (actualPromise != null) {
                await page.click(expectedCssLocator);
                actual = true;
            }
            else
                actual = false;
            // Проверка
            assert.equal(actual, expected);
        }).timeout(50000);
    // Сохранить покрытие и закрыть контекст браузера
    after(async () => {
        // Отключить покрытие JavaScript и CSS
        const jsCoverage = await page.coverage.stopJSCoverage();
        await page.coverage.stopCSSCoverage();
        let totalBytes = 0;
        let usedBytes = 0;
        const coverage = [...jsCoverage];
        for (const entry of coverage) {
            totalBytes += entry.text.length;
            console.log(`js fileName covered: ${entry.url}`);
            for (const range of entry.ranges)
                usedBytes += range.end - range.start - 1;
        }
        // вывести в лог исходное байтовое покрытие
        console.log(`Bytes used: ${usedBytes / totalBytes * 100}%`);
        pti.write(jsCoverage);
        // Закрыть экземпляр браузера
        await browser.close();
    });
});

"scripts": {
    "pretest": "rm -rf coverage && rm -rf .nyc_output",
    "test": "mocha --timeout 5000 test/**/*_test.js",
    "server": "http-server ./public",
    "coverage": "nyc report --reporter=html"
  },