Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Full Page screenshot is only capturing the image of the viewport. Is any there specific setting options required? #13

Closed
sureshkandasamy opened this issue Aug 7, 2019 · 3 comments
Assignees
Labels
bug Something isn't working

Comments

@sureshkandasamy
Copy link

sureshkandasamy commented Aug 7, 2019

Full Page screenshot is only capturing the image of the viewport. It shows a blank page for rest of the screen in the screenshot.
I am a newbie and I tried a simple test described in your example in Chrome. Scree
Is any there specific setting options required?

Environment (please complete the following information):

  • Node.js version: 8.9.4
  • NPM version: 5.6.0
  • Browser name and version: Chrome 75
  • Platform name and version: Windows 10
  • WebdriverIO version: 5.11.13
  • wdio-image-comparison-service version: 1.5.0
  • mocha version: 6.2.0

Additional context

Test.js

var chai = require('chai');
const chaiWebdriver = require('chai-webdriverio').default;
chai.use(chaiWebdriver(browser));
const expect = chai.expect;

describe('Example', () => {
    beforeEach(() => {
      browser.url('https://webdriver.io');    
    });   
    
    it('should compare successful with a baseline', () => {              
        // Check a full page screens
        expect(browser.checkFullPageScreen('fullPage', { 
            fullPageScrollTimeout: '3000',
         })).to.equal(0);
    });
  });

wdio.config.js

services: ['selenium-standalone','chromedriver', 'firefox-profile',
    ['image-comparison', 
    // The options
    {
        // Some options, see the docs for more
        //baselineFolder: join(process.cwd(), './screenshots/auBaseline/'),
        actualFolder: join(process.cwd(), './screenshots/testActual'),
        baselineFolder: join(process.cwd(), './screenshots/testBaseline'),
        diffFolder: join(process.cwd(), './screenshots/testDiff'),
        formatImageName: '{tag}-{logName}-{width}x{height}',
        screenshotPath: join(process.cwd(), './screenshots/'),
        savePerInstance: true,
        autoSaveBaseline: true,
        blockOutStatusBar: true,
        blockOutToolBar: true,
        // ... more options
    }]
],

fullPage--1050x660

@wswebcreation wswebcreation added the bug Something isn't working label Aug 7, 2019
@wswebcreation wswebcreation self-assigned this Aug 7, 2019
@wswebcreation
Copy link
Member

@sureshkandasamy

Thanks for filling an issue, this one is related to this wswebcreation/webdriver-image-comparison#31 and will be fixed there. I'll keep this open for tracking

@wswebcreation
Copy link
Member

wswebcreation commented Aug 20, 2019

@sureshkandasamy

I've released a new version https://github.com/wswebcreation/wdio-image-comparison-service/releases/tag/v1.5.1, can you install that one and check if it is fixed, if so, please close the iissue

@wswebcreation
Copy link
Member

Going to close it because it works as expected now

fullPage-chrome-1200x1373-dpr-1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants