[英]How to open the new tab using Playwright (ex. click the button to open the new section in a new tab)
我正在尋找針對當前情況的更簡單的解決方案。 例如,您打開谷歌(任何其他網站)並希望通過單擊按鈕(例如 Gmail)- 使用 Playwright 在新選項卡中打開此頁面。
let browser, page, context;
describe('Check the main page view', function () {
before(async () => {
for (const browserType of ['chromium']) {
browser = await playwright[browserType].launch({headless: false});
context = await browser.newContext();
page = await context.newPage();
await page.goto(baseUrl);
}
});
after(async function () {
browser.close();
});
await page.click(tax);
const taxPage = await page.getAttribute(taxAccount, 'href');
const [newPage] = await Promise.all([
context.waitForEvent('page'),
page.evaluate((taxPage) => window.open(taxPage, '_blank'), taxPage)]);
await newPage.waitForLoadState();
console.log(await newPage.title());
it('Open a new tab', async function () {
await page.click(button, { button: "middle" });
await page.waitForTimeout(); //waitForNavigation and waitForLoadState do not work in this case
let pages = await context.pages();
expect(await pages[1].title()).equal('Title');
您可以將modifier
傳遞給click
函數。 在 macos 中,它將是Meta
因為您將使用 cmd+click 在新選項卡中打開。 在 Windows 中,它將是Control
。
const browser = await playwright["chromium"].launch({headless : false});
const page = await browser.newPage();
await page.goto('https://www.facebook.com/');
var pagePromise = page.context().waitForEvent('page', p => p.url() =='https://www.messenger.com/');
await page.click('text=Messenger', { modifiers: ['Meta']});
const newPage = await pagePromise;
await newPage.bringToFront();
await browser.close();
在我的例子中,我在彈出窗口中單擊鏈接,例如( ctrl +單擊鏈接)然后它打開新選項卡並在該新選項卡上工作
await page.click('#open')
const [newTab] = await Promise.all([
page.waitForEvent('popup'),
await page.keyboard.down('Control'),
await page.frameLocator('//iframe[@title="New tab."]').locator('a').click(), // in popup
await page.keyboard.up('Control'),
console.log("clicked on link")
]);
await newTab.waitForFunction(()=>document.title === 'new tab title')
await newTab.fill('#firstname')
await newTab.close() // close the current tab
await page.click('#exitbutton') //back to parent tab and work on it
....
....
await page.close() // close the parent tab
現在劇作家文檔中提到等待新頁面,復制如下:
// Start waiting for new page before clicking. Note no await.
const pagePromise = context.waitForEvent('page');
await page.getByText('open new tab').click();
const newPage = await pagePromise;
await newPage.waitForLoadState();
console.log(await newPage.title());
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.