Выберите в выпадающем меню iframe Puppeteer - PullRequest
0 голосов
/ 15 апреля 2019

Я создаю набор тестов в кукловоде, но не могу выбрать выпадающее меню iframe.

Я прочитал документацию, запустил несколько сценариев, но, похоже, не могу понять это.

try {
    (async () => {
         const browser = await puppeteer.launch({headless: false, 
slowMo: 100});
        const page = await browser.newPage();
        await page.setViewport({ width: 1280, height: 800 });
        await page.goto('https://giving.kcmhq.org/');
        await page.click('.col-sm-12 > .form-group > .radio > 
 .radio-inline > #invoice_items_0_gift_array_0');
        await page.type('.form-group > .form-inline > .col-sm-12 > 
.input-group > #invoice_items_0_other_amount', '9999');
        await page.click('.form-group > .col-sm-8 > div > .btn-other >      #invoice_items_0_is_recurring');
        await page.select('#invoice_items_0 > .fund-inputs-container >     .form-group > .col-xs-3 > 
#invoice_items_0_recurring_withdrawal_day', '15');


 try {
    const frame = await page.frames().find(f => f.name() === 
 'payment_iframe');
    const cardNumber = await frame.$('#card_number');
     await cardNumber.type("444433322221111");

}catch (e) {

}

try {
     const frame = await page.frames().find(f => f.name() === 
'payment_iframe');

    const [response] = await Promise.all([

            frame.select('#card_expiration_month', 'March'),


     ]);

}catch (e) {

}  

Работает iframe для примера с кредитной картой, но для раскрывающегося меню "car_expiration_month" и выбора месяца не работает.

1 Ответ

0 голосов
/ 20 июня 2019

Просмотр каждого фрейма страницы может вам помочь:

for (const frame of page.mainFrame().childFrames()){
    // Here you can use few identifying methods like url(),name(),title()
    if (frame.url().includes('twitter')){
        console.log('we found the Twitter iframe')
        twitterFrame = frame 
        // we assign this frame to myFrame to use it later
    }
}

кредит: https://kb.apify.com/articles/2116540-scraping-iframes-with-puppeteer

...