問題描述
我實際上是在嘗試對我的簡單應用程序進行 e2e 測試，但在處理 angular-recaptcha 時遇到了一些麻煩(https://github.com/VividCortex/angular-recaptcha).
I'm actually trying to e2e test my simple application and I m having some troubles dealing with angular-recaptcha (https://github.com/VividCortex/angular-recaptcha).
這是我的測試:
it('should redirect on another page', function() {
browser.get('http://127.0.0.1:3000/#/');
var userName = element(by.model('auth.loginInfos.username'));
userName.sendKeys('consumer1@eco.com');
var password = element(by.model('auth.loginInfos.password'));
password.sendKeys('consumer1');
var recapt = element(by.id('recaptcha'));
recapt.sendKeys();/* How can I put the recaptcha value to true ? */
var btn = element(by.className('btn'));
btn.click();
/**
* Assertions etc...
*/
});
所以，您可以看到我正在嘗試填寫 recaptcha 值，但我不知道如何繼續.
So, you can see that I m trying to fill the recaptcha value and I don't know how to proceed.
你能幫幫我嗎?
注意:我正在使用量角器
感謝您的幫助
推薦答案
驗證碼加載在一個iframe中，需要先切換到它再嘗試檢查:
The captcha is loaded in an iframe, you need to switch to it before trying to check:
browser.switchTo().frame(0);
其中 0 是幀索引.您可以使用框架名稱、ID 或以前找到的框架元素.
where 0 is a frame index. You can use a frame name, id or a previously found frame element.
使用 recaptcha 演示頁面的示例測試:
Sample test that uses the recaptcha demo page:
"use strict";
describe("Recaptcha", function () {
beforeEach(function () {
browser.ignoreSynchronization = true;
browser.get("http://vividcortex.github.io/angular-recaptcha/");
});
it("should click the captcha", function () {
browser.switchTo().frame(0).then(function () {
var checkbox = $(".recaptcha-checkbox-checkmark");
// first hover the checkbox
browser.actions().mouseMove(checkbox).perform();
// hardcoded delay
browser.sleep(500);
// okat, now click - TODO: may be we should click with browser.actions().click() and provide the x, y coordinates for where to click
checkbox.click();
});
// expectations
});
});
請注意，在我的情況下，單擊后，它會要求選擇某些圖像，這些圖像完全可以完成不讓我的 selenium 自動化機器人通過測試的工作.如果你想真正通過驗證碼，根據 新的 Google reCAPTCHA 是如何工作的? 頁面以及有關此驗證碼如何工作的已知信息，我會嘗試以下操作:
Note that in my case, after the click, it asks to select certain images that would exactly do the job of not letting my selenium automation bot pass the test. If you want to actually pass the captcha, according to the How does new Google reCAPTCHA work? page and the known information about how this captcha works, I would try the following things:
- 使用您以前使用過的預加載配置文件打開瀏覽器(至少有瀏覽歷史記錄)
- 在啟動測試的瀏覽器中登錄谷歌帳戶
- 不要像普通人那樣通過
click()點擊復選框并使用偏移量點擊它 - 玩弄瀏覽器操作之間的延遲
- open the browser with a pre-loaded profile that you've used before (that has the browsing history, at least)
- be logged into google account in the browser fired up for testing
- don't click the checkbox via
click()and click it with an offset as a regular human would do - play around with a delays between browser actions
另一點是，您無需對驗證碼的工作方式進行 e2e 測試 - 它超出了應用程序端到端測試的范圍.找到一種方法來為測試用戶禁用/關閉驗證碼，或者為您將針對其運行測試的特定構建.
Another point is that, you don't need to e2e test how the captcha works - it is out of scope of the end-to-end testing of your application. Find a way to disable/turn the captcha off for the testing users, or for a specific build that you will be running tests against.
這篇關于Angularjs，使用 angular-recaptcha 進行 e2e 測試的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！