Puppeteer-jest 为什么无头浏览器显示空白页面 - 测试通过

Question

我正在使用开发工具 true 以无头模式运行测试脚本。 浏览器启动但没有内容。 开发工具可见

我嵌套了描述块，因为我希望登录测试和文件上传测试按顺序运行。

我尝试消除第二次测试并且没有嵌套描述，但浏览器仍然很情绪化。

测试运行并通过。

到底是怎么回事。

前几天我只用了一个测试就运行了这个，我可以实时看到浏览器排序。 今天不能再重复了。

/** THIS IS THE TEST SUITE FILE login.test.js
 * @name Onplan Login
 * @desc Log in and test for correct page title
 */
const puppeteer = require('puppeteer');
const login = require('./login');
const upload = require('./upload');
let browser;

beforeAll(async () => {
    browser = await puppeteer.launch({
        headless: false,
        devtools: false,
        //slowMo: 50
    });

})
describe('test suite', () => {
    describe('login', () => {

        test('url is correct', async () => {

            const url = await login();
            expect(url).toBe('https://uat2.onplanapp.com/#/');


        }, 25000);

    });
    describe('upload', () => {


        test('file upload ok', async () => {
            url = await upload();
            console.log('page.url');

            expect(url).toBe('https://uat2.onplanapp.com/#/moduleLibrary');
            //expect(url).toBe('https://uat2.onplanapp.com/#/uploadFile');

        }, 10000);

    });
    afterAll(async done => {
        console.log('GOT TO AFTER ALL');
        browser.close()
        done();
    });

});
/////////////////////////////
// THIS IS login.js > Exported to login.test.js above
const dotenv = require('dotenv');
dotenv.config({ path: './config.env' });



const login = async () => {

    const page = await browser.newPage();
    //console.log('1st test started');
    await page.goto('https://uat2.onplanapp.com/#/sheet/139');
    await page.waitFor(500);//was 500
    await page.waitFor('#inputEmail');
    await page.type('#inputEmail', process.env.USER);
    //await page.type('#inputPassword', '123456');
    await page.type('#inputPassword', process.env.PASSWORD);

    //CLICK LOGIN BUTTON
    await page.click('button');
    await page.waitForNavigation();
    await page.waitFor(100);
    await page.waitFor('#logn-screenv > form > div.row.logn-screenbody.pb-4.pt-3.px-2 > div:nth-child(2) > div > div > div.css-1hwfws3.custom-scrollbar__value-container > div.css-151xaom-placeholder.custom-scrollbar__placeholder');
    await page.click('#logn-screenv > form > div.row.logn-screenbody.pb-4.pt-3.px-2 > div:nth-child(2) > div > div > div.css-1hwfws3.custom-scrollbar__value-container > div.css-151xaom-placeholder.custom-scrollbar__placeholder');//Login
    await page.waitFor(500);

    //CLICK DROPDOWN TO SHOW LIST OF COMPANIES
    await page.click('#react-select-2-option-2'); //Test company
    await page.waitFor(300);

    // SELECT COMPANY 
    await page.click('button[class="btn btn-block mt-3"]');
    await page.screenshot({ path: './image.png', fullPage: true });
    // NOW WE GO TO FIRST PAGE
    const url = await page.url();
    //console.log('1st test finished');


    return url;
}
module.exports = login;


//THIS IS upload.js Exported to login.test.js above at top

const upload = async () => {
    // INITIALIZE PAGE
    await page.goto('https://uat2.onplanapp.com/#/');
    await page.waitFor(300);//was 500
    // CLICK LIBRARY BUTTON

    await page.click('a[id="libraryDropdown"]>img');
    //await page.waitFor(500);//was 500
    const url = await page.url();
    console.log('ending url: ' + page.url());
    return url;
}
module.exports = upload;