jestjs – 将Jest步骤定义提取到单独的文件

2023年1月14日 202次阅读

我正在和Jest和Puppeteer进行一些e2e测试,我遇到了瓶颈.

我想将步骤定义移动到单独的文件中,以便我可以在不同的测试中重用它们.

我遇到以下问题：

《jestjs – 将Jest步骤定义提取到单独的文件》

这是我的设置：
dummyTest.test.js：

import {loginUser} from '../steps/test';

describe(
'dummy test',
() => {
    let page;
    beforeAll( async () => {
        const context = await browser.createIncognitoBrowserContext();
        page = await context.newPage();
        await page.setViewport( { width: 1200, height: 960 } );
        await page.goto( 'http://localhost:8080' );
    }, timeout );

    afterAll( async () => {
        await page.close();
        delay( 1000 );
        console.log( 'killing all chromium zombies' );
        exec( 'kill -9 $(ps aux | grep \'chromium\' | awk \'{print $2})\'' );
        exec( 'kill -9 $(ps aux | grep \'http-server\' | awk \'{print $2})\'' );
    }, 10000 );

    it( 'should see login page', loginUser, 10000 );
},
10000 );

test.js：

export const loginUser = async () => {
await page.waitForSelector( 'form' );
await page.click( 'input[name=email]' );
await page.type( 'input[name=email]', 'me@me.com' );
await page.click( 'input[name=password]' );
await page.type( 'input[name=password]', 'test123' );
await page.screenshot( { path: './test-results/PrefilledLogin.png' } );
await page.keyboard.down( 'Enter' );
await page.screenshot( { path: './test-results/LoginSubmit.png' } );
};

我究竟做错了什么 ？

任何帮助将不胜感激！

最佳答案 解决了它.

为了使其工作,我必须传递页面对象,并完成回调函数.

它(‘应该看到登录页面’,(完成)=> loginUser(已完成,页面),10000);

点赞