Full page screenshot not working for chrome

[ohlori]

• Nodejs version: 10.15.3
• Protractor version: 7.0.0
• Operating system: MacOS and windows
• Browser and its version: Chrome 90.4430.93

We somehow integrated your package in our test framework.
Just a little background, we are using protractor + mocha + mochawesome-screenshot (html reporting).
We have integrated it the way it was listed on the guide:
https://www.npmjs.com/package/protractor-screenshot-utils

However, for some reason, whenever I call it on the ts file, it's not overriding the browser.takeScreenshot(). It only takes the screenshot of what's visible on the browser. We are also using

On the onPrepare section, we have set it to
setAsDefaultScreenshotMethod : true

[sudharsan-selvaraj]

Hi @ohlori ,

I'm unable to reproduce the issue reported for the given environment. Below is the code that i have used for testing,

config.js

var screenShotUtils = require("protractor-screenshot-utils").ProtractorScreenShotUtils;

exports.config = {
    specs : ["./spec.js"],
    onPrepare: function () {
        browser.waitForAngularEnabled(false);
        global.screenShotUtils = new screenShotUtils({
            browserInstance : browser,
            setAsDefaultScreenshotMethod : true
        });
    },
}

spec.js

describe("Sample test", function () {
    it("to check full page screenshot functionality", async function (){
        browser.get("https://www.npmjs.com/package/protractor-screenshot-utils");
        browser.takeScreenshot({
            saveTo: "fullpage.png"
        })
    })
})

Nodejs version:

Fullpage screenshot

[klainev]

One quick question though, I saw that you initialized browser.waitForAngularEnabled(false); on onPrepare section.

Does that mean, this full page screenshot can only work on non-angular pages?

I cannot put this on onPrepare section as I'm working on both Angular and Non-Angular pages. But the one thing I noticed is, this cannot take a screenshot of an angular homepage.