Embed Size (px)
Citation preview
Daniel [email protected]://www.browseemall.com
Guide To Effective Cross Browser Testing
Cross Browser Testing
Today we will cover
1. What to test?2. Testing during development3. Faster regression testing4. Validating layout changes
Introduction
Always test for browser compatibility not operating system compatibility.
What to test?
Define your target browsers!
Don’t target specific devices for mobile websites, test for general responsiveness instead.
• Define minimal width and height to target• Select only a few different devices for testing • Test during development not after• Use frameworks like bootstrap to get a working basis fast
What to test?
Test for responsiveness not specific devices!
Select standards compliant browsers (not IE!) and use it for development.
After feature is completed in development browsers test & fix other browsers.
Testing during development
Testing during development is important!
• Just install normal browsers like Firefox, Chrome and Opera• Use modern.ie Virtual Machines to test for IE and Edge• Tool or online service necessary for Safari testing if not on macOS
In most cases testing the same browser on different operating systems is not necessary.
Testing during development
Where to get all the browsers?
Testing during development
Demo
• Can run different versions of Chrome, Firefox and Opera side-by-side • Browsers do not need to be installed• Manages and updates modern.ie Virtual Machines for you• Includes Safari 10 on Windows
Testing during development
Advantages BrowseEmAll has:
Tester runs through a specific test script for every browsers to see if everything works.
With the open source tool browser-sync this can be done more efficient!• Repeats user input across browsers• Support all major browsers through JavaScript• Can be used with localhost, local files or staging environments
Faster regression testing
Regression testing is a mostly manual process.
Faster regression testing
Demo
• Manages browser-sync for you• Enables browser-sync inside the Virtual Machines for IE / Edge• No need to install any additional dependencies
Faster regression testing
Advantages BrowseEmAll has:
Layout changes need to be checked in every supported browser to spot problems.
With open source tools this can be done faster with screenshots:• Create screenshots using BrowserStack• Use screenshots provided by Microsoft• Free screenshots provided by BrowserShots
Validating layout changes
Validating layout revisions in every browser takes lots of time
Validating layout changes
Demo
• Can take Screenshots for localhost or staging environments• Supports different resolutions• Uses Virtual Machines to create IE / Edge screenshots
Validating layout changes
Advantages BrowseEmAll has:
Questions?
Q & ABrowseEmAll
Free 14-day trialCustom product demo
