Переключить IFrame с Codeception, используя ID

У меня была эта проблема, когда я тестировал страницу с Google reCaptcha... reCaptcha находится в своем собственном iframe, и, поскольку этот iframe генерируется сторонним кодом, мы не можем контролировать его атрибут имени (по крайней мере, когда он первый созданный).

В итоге я запустил фрагмент javascript, который может найти iframe на основе других вещей, а затем присвоил ему идентификатор, чтобы Codeception Webdriver мог переключиться на него:

    public function _clickOnCaptcha(AcceptanceTester $I)
{
    // give the recaptcha iframe a name so codeception webdriver can switch to it
    $recaptcha_frame_name = 'recaptcha-frame';
    $I->executeJS("$('.g-recaptcha iframe').attr('name', '$recaptcha_frame_name')");
    $I->switchToIFrame($recaptcha_frame_name);
    $I->see('not a robot');
    $I->seeElement('.rc-anchor');
    $I->click(['id' => 'recaptcha-anchor']);
    $I->switchToIFrame(); // switch back to main window
}

У меня был контроль над содержащимися элементами, поэтому в этом случае он содержится в элементе с классом g-recaptcha... поэтому мы используем jquery, чтобы найти iframe внутри этого элемента: $('.g-recaptcha iframe'), а затем присвоить ему атрибут имени: .attr('name', '$recaptcha_frame_name').

Затем мы можем использовать Codeception, чтобы переключиться на него и установить флажок с капчей: $I->switchToIFrame($recaptcha_frame_name); $I->click(['id' => 'recaptcha-anchor']);

Затем, когда мы закончим, переключитесь обратно на основной фрейм, чтобы мы могли отправить нашу форму: $I->switchToIFrame(); // switch back to main window

NB, я использую тестовые ключи reCaptcha, как указано здесь, в тестовой среде, чтобы он никогда не запрашивал решение капчи.

https://developers.google.com/recaptcha/docs/faq

Со следующими тестовыми ключами вы всегда будете получать No CAPTCHA, и все запросы на проверку будут проходить.

Ключ сайта: 6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI Секретный ключ: 6LeIxAcTAAAAAAGG-vFI1TnRWxMZNFuojJ4WifJWe Виджет reCAPTCHA покажет предупреждение о том, что он предназначен только для целей тестирования. Пожалуйста, не используйте эти ключи для рабочего трафика.

Во-первых, в вашем случае проблема может заключаться в том, что вы не звоните приемному тестировщику. Вы должны начать свой скрипт с этого:

<?php
$I = /*am a */ new AcceptanceTester($scenario);

Теперь, чтобы войти в IFrame в Codeception с помощью WebDriver:

Вам просто нужно назвать IFrame в строке, используя ЛИБО ID или имя. Вот пример:

Есть страница с IFrame:

<iframe name = "IFrameByName" id = "IFrameByID" width = "500" height = "300" src = "https://messagetothefish.com"></iframe>

Этот IFrame содержит строку «Никто не знает, кто обнаружил воду», а родительский фрейм — нет. Я тестировал этот Cept с PhantomJS и Selenium.

<?php

$I = /*am a */ new AcceptanceTester($scenario);

$I->wantTo('See how Iframes work');
$I->amOnUrl("https://wordpress-bdd.com/codeception-iframe/");
$I->dontSee("No one knows who discovered water");

//Switch by name
$I->switchToIFrame("IFrameByName");
$I->see("No one knows who discovered water");

//switch back to parent
$I->switchToIFrame();
$I->dontSee("No one knows who discovered water");

//Switch by ID
$I->switchToIFrame("IFrameByID");
$I->see("No one knows who discovered water");
$I->dontSee('Lorum Ipsum');

//switch back to parent
$I->switchToIFrame();
$I->dontSee("No one knows who discovered water");