在PhantomJS中使用AVA

Question

我正在尝试使用AVA和PhantomJS (实际上是phantomjs-node)在网页上运行一些测试。

我必须创建文件，第一个是使用Phantom (load-page.js)加载网页的模块。

    const phantom = require('phantom');

    /**
     * Loads a page using a Promise and jsdom
     * @param {string} url The page to be loaded
     */
    export default function loadPage(url, callback, thenCallback) {
        return new Promise(async (resolve, reject) => {
            const instance = await phantom.create();
            const page = await instance.createPage();

            const status = await page.open('https://webslides.tv/');
            if(status != 'success') reject('Error loading '+url);

            await page
                .evaluate(callback)
                .then(await thenCallback);

            await instance.exit();

            resolve(true);
        });
    }

第二个是测试：

    import test from 'ava';
    import loadPage from '../helpers/load-page';

    test('prueba', async t => {
        const check = count => {
            t.is(count.childNodes.length, 9);
        }
        await loadPage('http://webslides.tv', () => {
            const ws = document.querySelector('#webslides');
            return ws;
        }, async (count) => {
            await check(count);
        });
    });

是否可以在页面加载后运行测试？我想用同一个页面运行几个测试，但我不想每次都加载页面。

谢谢

Answer 1

您需要更改您的帮助器以不计算任何内容。然后，您可以重用页面实例：

import test from 'ava';
import loadPage from '../helpers/load-page';

let page;

test.before(async t => {
    page = await loadPage('http://webslides.tv');
});

test('prueba', async t => {
    const count = await page.evaluate(() => {
        const ws = document.querySelector('#webslides');
        return ws;
    });

    t.is(count.childNodes.length, 9);
});