Screen captured by shutterbug is not correct

[vishruth143]

Hi @glib-briia,

My apologies for raising this bug again and again.
I have written the below code. But the output screen captured by shutter bug is not correct. I double checked all my xpaths and its correctly recognizing the web elements. Am I doing something wrong here.

import java.awt.Color;
import java.awt.Font;
import java.util.Date;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.firefox.FirefoxDriver;

import com.assertthat.selenium_shutterbug.core.Shutterbug;

public class ShutterBug {

    public static void main(String[] args) {
//      System.setProperty("webdriver.chrome.driver", "C:\\Eclipse\\Drivers\\chromedriver.exe");
//      WebDriver driver = new ChromeDriver();
        System.setProperty("webdriver.gecko.driver","C:\\Eclipse\\Drivers\\geckodriver.exe");
        WebDriver driver = new FirefoxDriver();
        driver.manage().window().maximize();
        driver.get("https://www.google.com/");
        WebElement googleLogo = driver.findElement(By.xpath(".//*[@id='hplogo']"));
        WebElement searchBtn = driver.findElement(By.xpath(".//*[@id='tsf']/div[2]/div[3]/center/input[1]"));
        WebElement searchBox = driver.findElement(By.xpath(".//*[@id='lst-ib']"));

        //searchBox.sendKeys("Testing");    

        Shutterbug.shootPage(driver)
            .blur(searchBox)
            .highlight(searchBtn)
            .monochrome(googleLogo)
            .highlightWithText(googleLogo, Color.blue, 3, "Monochromed logo",Color.blue, new Font("SansSerif", Font.BOLD, 20))
            .highlightWithText(searchBox, "Blurred secret words")
            .withTitle("Google home page - " + new Date())
            .withName("home_page")
            .withThumbnail(0.7)
            .save("C:\\Users\\Vishvambruth JT\\Desktop\\Screen.jpg");
            driver.quit();      
    }
}

I'm Using:
Firefox Version: 49.0.1
Chrome Version: 54.0.2840.59 m
Selenium Version: Version 3.0.0
OS: Win10 64 bit
Java: 1.8

Output Screen captured by shutterbug

[glibas]

Hi @vishruth143 ,

I cant reproduce the issue you are having. Tried executing your code with the same set up.
Works as expected.

Are you still seeing this issue?

[vishruth143]

Hi @glib-briia ,

With Selenium 3.0.0 and Mozilla Firefox browser I'm able to get the correct screen shot as below.

But when I run the same code in Chrome, I'm not getting the desired screenshot.

I'm Using:
Firefox Version: 49.0.1
Chrome Version: 54.0.2840.59 m
Selenium Version: 3.0.0
OS: Win10 64 bit
Java: 1.8

[glibas]

Hi @vishruth143,

Thank you for update! Which chromedriver version are you using?

[vishruth143]

Hi @glib-briia,

I'm using chrome driver version 2.24.

[vishruth143]

Hi @glib-briia ,

I tried this issue again with the below setup. Still I'm facing the same issue i.e.
When I run the above code with Mozilla Firefox browser I get correct screen shot.
But when I run the above code with Chrome browser I get in-correct screen shot.

Do you have any update on this issue? Thank you.

I'm Using:
Firefox Version: 50.0
Chrome Version: 54.0.2840.99 m
ChromeDriver Version: 2.25
Selenium Version: 3.0.1
OS: Win10 64 bit
Java: 1.8

Mozilla Screenshot:

Chrome Screenshot:

[glibas]

Unable to reproduce. Closing as wontfix

[dzaiats]

Hi there! I'm a creator of Automotion framework.
The problem described above is the scaling factor of the screen. Retina vs no retina.
We had the same in Automotion but it's fixed by introducing the manual configuration for the scaling factor.

[glibas]

Thank you @dzaiats.

@vishruth143 , have you tried using the following:

Shutterbug.shootPage(driver, ScrollStrategy.BOTH_DIRECTIONS,500,true).save();

true in the arguments list stand for devicePixelRatio on retina displays.
Thanks,
Glib

[glibas]

Closing due to inactivity