Protractor is an end-to-end test framework that is developed for AngularJS and Angular applications. It basically runs the tests against the application which is interacting with it as a real user would, running in a real browser. In the following example, we are going to get the x and y coordinates of an element and check if it is as expected or not.
Pre-requisite: Installation and Setup of Protractor
Approach:
- We are going to create a basic test program in which we are going to check whether the x and y coordinates of an element is as expected or not.
- All the Protractor tests will have a file containing the configuration and this file will be the initial file that will initiate the test.
- Let’s create this file with the name conf.js.
Example: Filename: conf.js
Javascript
exports.config = {
capabilities: {
'browserName': 'chrome'
},
framework: 'jasmine',
specs: ['test.js'],
jasmineNodeOpts: {
defaultTimeoutInterval: 30000
},
baseUrl: 'file://' + __dirname + '/',
onPrepare: function () {
}
};
|
Now let’s create our HTML file called test.html which will contain the element to be tested.
Filename: test.html
HTML
<!DOCTYPE html>
<html lang="en">
<body>
<div id="foo" style="position: absolute;
top:20px; left: 15px">
Inner text
</div>
</body>
</html>
|
Now let’s create our test file test.js. In this file, we are going to access an HTML file and then get the x and y coordinates and will check if it is as set in the HTML file or not. Browser is a global created by Protractor.
Jasmine framework provides the describe() function and it() function where the describe is a description of your test while it is the steps for the test.
Filename: test.js
Javascript
describe('Protractor Demo App', function () {
it('should have a title', function () {
browser.waitForAngularEnabled(false)
browser.get('test.html');
let foo = element(by.id('foo'));
expect(foo.getLocation()).toEqual(
jasmine.objectContaining({
x: 15,
y: 20
}));
});
});
|
Run the conf.js file using the following command:
protractor conf.js
Output:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
12 Apr, 2023
Like Article
Save Article