Tôi đã tìm thấy khung thước đo góc được tạo cho các ứng dụng web AngularJS.
Làm cách nào để sử dụng Thước đo góc trên trang web không sử dụng AngularJS?
Tôi đã viết thử nghiệm đầu tiên của mình và Thước đo góc kích hoạt thông báo này:
Error: Angular could not be found on the page https://www.stratexapp.com/ : retries looking for angular exceeded
Câu trả lời:
Nếu thử nghiệm của bạn cần tương tác với một trang không góc cạnh, hãy truy cập trực tiếp vào phiên bản webdriver với browser.driver.
Ví dụ từ tài liệu Thước đo góc
browser.driver.get('http://localhost:8000/login.html');
browser.driver.findElement(by.id('username')).sendKeys('Jane');
browser.driver.findElement(by.id('password')).sendKeys('1234');
browser.driver.findElement(by.id('clickme')).click();
Một cách tiếp cận khác là đặt browser.ignoreSynchronization = true trước browser.get (...). Protractor sẽ không đợi Angular được tải và bạn có thể sử dụng cú pháp phần tử (...) thông thường.
browser.ignoreSynchronization = true;
browser.get('http://localhost:8000/login.html');
element(by.id('username')).sendKeys('Jane');
element(by.id('password')).sendKeys('1234');
element(by.id('clickme')).click();
waitForAngular bây giờ sẽ được sử dụng thay vì thuộc tính ignoreSynchronization không được dùng nữa.
Hướng dẫn waitForAngular sau đây được lấy từ tài liệu Protractor cho thời gian chờ:
Cách tắt tính năng chờ Angular
Nếu bạn cần điều hướng đến một trang không sử dụng Angular, bạn có thể tắt chế độ chờ Angular bằng cách đặt `browser.waitForAngularEnabled (false). Ví dụ:
browser.waitForAngularEnabled(false); browser.get('/non-angular-login-page.html'); element(by.id('username')).sendKeys('Jane'); element(by.id('password')).sendKeys('1234'); element(by.id('clickme')).click(); browser.waitForAngularEnabled(true); browser.get('/page-containing-angular.html');
Để kiểm tra trên trang web không góc cạnh, bạn nên xóa đồng bộ hóa. để sử dụng như sau:
browser.ignoreSynchronisation = true;
browser.get('url');
Trong một số trường hợp, để tránh lỗi cần thêm cả hai giá trị.
browser.driver.ignoreSynchronization = true;
browser.waitForAngularEnabled(false);
Bạn có thể thêm chúng trong tệp spec.js.
describe('My first non angular class', function() {
it ('My function', function() {
browser.driver.ignoreSynchronization = true;
browser.waitForAngularEnabled(false);
Hoặc như @Mridul được Đề xuất, thêm chúng vào tệp config.js.
export.config = {directConnect: true, framework: 'jasmine',
onPrepare: function () {
browser.driver.ignoreSynchronization = true;// for non-angular set true. default value is false
browser.waitForAngularEnabled(false); // for non-angular set false. default value is true
},
Cá nhân tôi không đạt được thành công nào với các giải pháp được đề xuất vì các phần tử DOM không được tải đúng lúc.
Tôi đã thử nhiều cách để xử lý hành vi không đồng bộ đó, bao gồm cả browser.wait với browser.isElementPresent, nhưng không cách nào đáp ứng được.
Thủ thuật đang sử dụng Protractor trả về Promises từ các phương thức của nó trong onPrepare là gì:
onPrepare: () => {
browser.manage().window().maximize();
browser.waitForAngularEnabled(true).then(function () {
return browser.driver.get(baseUrl + '/auth/');
}).then(function () {
return browser.driver.findElement(by.name('login')).sendKeys('login');
}).then(function () {
return browser.driver.findElement(by.name('password')).sendKeys('password');
}).then(function () {
return browser.driver.findElement(by.name('submit')).click();
}).then(function () {
return true;
});
return browser.driver.wait(function () {
return browser.driver.getCurrentUrl().then(function (url) {
return /application/.test(url);
});
}, 10000);
},
Tôi được truyền cảm hứng từ https://github.com/angular/protractor/blob/master/spec/withLoginConf.js
thêm đoạn mã dưới đây vào tệp thông số kỹ thuật .js của bạn
beforeAll(function() {
browser.waitForAngularEnabled(false);
});
Thêm đoạn mã dưới đây cho các ứng dụng không góc cạnh:
app- browser.ignoreSynchronization = true;
Sử dụng đoạn mã dưới đây trong tệp config.js của bạn cho các ứng dụng không góc cạnh-
browser.ignoreSynchronization = true;
và cho ứng dụng góc cạnh -
browser.ignoreSynchronization = false;
Tôi đang làm việc trên ứng dụng web aurelia , một khung công tác FE tương tự như Angular, React. Trong này tôi đang sử dụng Thước đo góc để tự động hóa.
Tech Stack dự án của tôi: -
Thay đổi chính chỉ xảy ra trong tệp cấu hình, tôi có thể thêm mã vào github nếu điều đó có ích, đây là tệp cấu hình tôi đang sử dụng trong dự án của mình, tệp này hoạt động hoàn hảo đối với tôi. Đã đăng một số blog cũng như trong wordpress của tôi , hy vọng rằng có thể giúp được.
const reporter = require('cucumber-html-reporter');
exports.config = {
SELENIUM_PROMISE_MANAGER: false,
directConnect: true,
specs: ["./e2e/features/*/EndToEnd.feature"],
format: 'json:cucumberReport.json',
framework: 'custom',
frameworkPath: require.resolve('protractor-cucumber-framework'),
cucumberOpts: {
strict: true,
format: 'json:cucumberReport.json',
keepAlive: false,
require: [
'./e2e/hooks/*.ts',
'./e2e/stepDefinition/*/*.ts',
],
tags: '@Regression'
},
beforeLaunch: function () {
require('ts-node/register')
},
onPrepare: async () => {
await browser.waitForAngularEnabled(false);
await browser.ignoreSynchronization == true;
await browser.manage().window().maximize();
await browser.manage().timeouts().implicitlyWait(10000);
},
onComplete: async () => {
var options = {
theme: 'bootstrap',
jsonFile: './reports/cucumberReport.json',
output: './reports/cucumberReport.html',
reportSuiteAsScenarios: true,
launchReport: false,
screenshotsDirectory: './reports/screenshots',
storeScreenshots: true,
metadata: {
"Test Environment": "SAND-DEV-1",
"Platform": "Windows 10",
}
};
reporter.generate(options);
},
};
Thay vì Thước đo góc, bạn có thể sử dụng e2e để kiểm tra Testcafe .
Ưu điểm:
by.idthay đổi thànhBy.id?