How to take screenshots in protractor ?

>> In protractor we can take the screenshot  of screen using takeScreenshot().

>> The driver makes a best effort to return a screenshot of following, in order of preference:

1.Entire page

2.Current window

3.Visible portion of current frame

4.The screenshot of the entire display containing the browser

>> In order to save the screenshot files, we will use fs module (File system module)

We can run below sample protractor script to take the screenshot:

describe('Protractor - takeScreenshot()', function () {
    it('Code script to use takeScreenshot() in protractor', function () {
        browser.get("https://keeplearners.blogspot.com/2018/03/Angular-elements.html");
        var textField = element(by.model('name'));

        textField.sendKeys("Entered sample text");

        browser.takeScreenshot().then((png) => {
            writeScreenShot(png, '.\\screenshots\\takeScreenshot.png');
        });
    });

    function writeScreenShot(data, filename) {
        var fs = require('fs');
        var stream = fs.createWriteStream(filename);
        stream.write(new Buffer(data, 'base64'));
        stream.end();
    }
});

Output:


Please comment below to feedback or ask questions.