How To Automate Cross Browser Testing
Download as PPTX, PDF1 like701 views
Automating cross-browser testing can save time and resources when tests need to be run repeatedly across multiple browsers. The document discusses when to automate testing and provides examples of automating static and dynamic page tests. For static page tests, screenshots are taken in different browsers and compared to identify visual differences. For dynamic tests, screenshots are taken after each user interaction to check for issues. Selenium is used to automate browser interactions and ImageMagick compares screenshots.
![Dynamic Page Testing
public static void TestGoogleHomepage()
{
// Create a screenshot with a known good browser first
IWebDriver chromeDriver = new RemoteWebDriver(TestParameter.SeleniumHubUrl, DesiredCapabilities.Chrome());
GetPageScreenshot(chromeDriver, Path.Combine(basePath, "chrome.png"));
[…]
// Create screenshot comparison
ScreenshotHelper.CreateComparison(Path.Combine(basePath, "chrome.png"), Path.Combine(basePath, "firefox.png"), Path.Combine(basePath, "fi
}
private static void GetPageScreenshots(IWebDriver driver, string screenshotPath)
{
// Change to the correct resolution
driver.Manage().Window.Size = new System.Drawing.Size(TestParameter.Width, TestParameter.Height);
// Open Homepage
driver.Navigate().GoToUrl(TestUrl);
// Take Screenshot
ScreenshotHelper.TakeScreenshot(driver, screenshotPath[0], isFirefox);
// Do more user actions & take more screenshots
driver.Quit();
}](https://image.slidesharecdn.com/automationwebinar-161116115911/85/How-To-Automate-Cross-Browser-Testing-10-320.jpg)
![TakeScreenshot();
public static void TakeScreenshot(IWebDriver driver, string path)
{
IJavaScriptExecutor jsExecutor = (IJavaScriptExecutor)driver;
ITakesScreenshot takesScreenshot = (ITakesScreenshot)driver;
// Generate Bitmap
Image finalScreenshot = new Bitmap(TestParameter.Width, TestParameter.Height);
// Scroll to top
jsExecutor.ExecuteScript("window.scrollTo(0,0);", new object[] { });
byte[] screenshot = takesScreenshot.GetScreenshot().AsByteArray;
using (MemoryStream stream = new MemoryStream(screenshot))
{
Bitmap originalScreenshot = (Bitmap)Bitmap.FromStream(stream);
Bitmap parsedScreenshot = ResizeBitmap(originalScreenshot, TestParameter.Width, TestParameter.Height);
parsedScreenshot.Save(path, ImageFormat.Png);
parsedScreenshot.Dispose();
originalScreenshot.Dispose();
}
}](https://image.slidesharecdn.com/automationwebinar-161116115911/85/How-To-Automate-Cross-Browser-Testing-12-320.jpg)
How To Automate Cross Browser Testing
- 1. Daniel Herken [email protected] http://www.browseemall.com How To Automate Cross Browser Testing Automation
- 2. Today we will cover 1. When to automate? 2. Static page testing 3. Dynamic page testing Introduction
- 3. Creating these automation tasks takes time and resources so make sure that: • you need to support a high number of browsers • you need to do regression tests multiple times • you have a suitable test execution environment • you have a clear plan when and how to execute the tests When to automate? Automation makes sense if the test need to be repeated often!
- 4. Define to number of browsers that need testing in advance. When to automate? Which browsers need testing?
- 5. • How to install a Selenium Grid • Install ImageMagick for picture comparison When to automate? Requirements:
- 6. o Develop by using a known-good browser o Use Selenium to take a known-good screenshot o Use Selenium to take screenshots in all other browsers that need testing o Use ImageMagick to compare these screenshots for problems o Manually review the screenshot comparison for real problems Static Page Testing How to automate?
- 7. Static Page Testing public static void TestGoogleHomepage() { // Create a screenshot with a known good browser first IWebDriver chromeDriver = new RemoteWebDriver(TestParameter.SeleniumHubUrl, DesiredCapabilities.Chrome()); GetPageScreenshot(chromeDriver, Path.Combine(basePath, "chrome.png")); // Create screenshots in the other browsers we need to support IWebDriver firefoxDriver = new RemoteWebDriver(TestParameter.SeleniumHubUrl, DesiredCapabilities.Firefox()); GetPageScreenshot(firefoxDriver, Path.Combine(basePath, "firefox.png")); // Create screenshot comparison ScreenshotHelper.CreateComparison(Path.Combine(basePath, "chrome.png"), Path.Combine(basePath, "firefox.png"), Path.Combine(basePath, "fi } private static void GetPageScreenshot(IWebDriver driver, string screenshotPath) { // Change to the correct resolution driver.Manage().Window.Size = new System.Drawing.Size(TestParameter.Width, TestParameter.Height); // Open Homepage driver.Navigate().GoToUrl(TestUrl); // Take Screenshot ScreenshotHelper.TakeScreenshot(driver, screenshotPath); driver.Quit(); }
- 9. o Develop by using a known-good browser o Use Selenium to automate all user interaction o Take screenshots between each user interaction step o Use ImageMagick to compare these screenshots for problems o Manually review the screenshot comparison for real problems Dynamic Page Testing How to automate?
- 10. Dynamic Page Testing public static void TestGoogleHomepage() { // Create a screenshot with a known good browser first IWebDriver chromeDriver = new RemoteWebDriver(TestParameter.SeleniumHubUrl, DesiredCapabilities.Chrome()); GetPageScreenshot(chromeDriver, Path.Combine(basePath, "chrome.png")); […] // Create screenshot comparison ScreenshotHelper.CreateComparison(Path.Combine(basePath, "chrome.png"), Path.Combine(basePath, "firefox.png"), Path.Combine(basePath, "fi } private static void GetPageScreenshots(IWebDriver driver, string screenshotPath) { // Change to the correct resolution driver.Manage().Window.Size = new System.Drawing.Size(TestParameter.Width, TestParameter.Height); // Open Homepage driver.Navigate().GoToUrl(TestUrl); // Take Screenshot ScreenshotHelper.TakeScreenshot(driver, screenshotPath[0], isFirefox); // Do more user actions & take more screenshots driver.Quit(); }
- 12. TakeScreenshot(); public static void TakeScreenshot(IWebDriver driver, string path) { IJavaScriptExecutor jsExecutor = (IJavaScriptExecutor)driver; ITakesScreenshot takesScreenshot = (ITakesScreenshot)driver; // Generate Bitmap Image finalScreenshot = new Bitmap(TestParameter.Width, TestParameter.Height); // Scroll to top jsExecutor.ExecuteScript("window.scrollTo(0,0);", new object[] { }); byte[] screenshot = takesScreenshot.GetScreenshot().AsByteArray; using (MemoryStream stream = new MemoryStream(screenshot)) { Bitmap originalScreenshot = (Bitmap)Bitmap.FromStream(stream); Bitmap parsedScreenshot = ResizeBitmap(originalScreenshot, TestParameter.Width, TestParameter.Height); parsedScreenshot.Save(path, ImageFormat.Png); parsedScreenshot.Dispose(); originalScreenshot.Dispose(); } }
- 13. Questions? Q & A