SlideShare a Scribd company logo
Manual, Visual, and Automated Testing
For Web Apps.
Join Ministry of Testing and SmartBear as we explore how to
conduct complete, end-to-end testing on web applications
TUESDAY, JUNE 20TH 6:00PM EST
Learn more about
CrossBrowserTesti
ng
Today’s Agenda
• Our Testing Playbook
• Challenges, Plan, Data, Environments.
• Browser Testing
• There’s so many of them.
• The Non Automated
• The tools and tactics to be a successful manual tester.
• The Automated Part
• What, how, when, and why we automate testing.
Web Testing Challenges
Questions For Web Testers
Who Will Test?
• Dev Team?
• Dedicated QA Team?
• Project Managers?
What Type Of Testing
• Functional
• Performance
• Load
• Accessibility
When Will You Test
• Each commit
• Every Deployment
• Nightly
• Weekly
What Are We Testing
• GUI
• API
• End-to-End
Our Test’s Data
• No Data
o Zero, Null, Blank
• Valid Data
o Valid Data Strings
• Invalid Data
o Wrong Language, Incorrect input
• Stressed Data
o Out of Range, Injections
driver.find_element_by_name("email").send_keys("daniel@crossbrowsertesting.com")
driver.find_element_by_name("password").clear()
driver.find_element_by_name("password").send_keys(“WrongPassWord")
State
• Subscription Status
• Email Verified
• Custom Pricing
• Referrer
Trial
Subscribed
SubCancelled
Unsubscribed
Cross Browser Testing
Bob, looks like it works on my machine. Not sure what the problem is.
Our Test Environments
Operating Systems
Devices
Browsers
Breaks 1366 X 768 | 1920 X 1080 | 1600 X 900 | 1280 X 1024 | 1440 X 900
Grab Info From Analytics
The “Spreadsheet”
Test Case State Windows Mac iOS
10 7 10.12 10.11 7 Plus 7 6S
Chrome FireFox IE Chrome FireFox IE Safari Chrome Safari Chrome Safari Safari Safari
Switch Plan Trial X X X X X
Switch Plan Subscribed X X X X
Switch Plan Cancelled X X X X X
Consider Cloud Testing Tools
Test In ParallelTest More BrowsersNo Infrastructure
Needed
Not Automated Testing
How to go about an effective manual testing strategy
Starting Out
Exploratory Testing
Write Test Cases
Manual Testing
Smoke Testing
Maximum test execution.
Test baby, test!
Be descriptive and
thorough.
MVT. Minimum Viable
Testing
Someone’s gotta do it.
Exploratory Testing
An Example Test Case
Title: Logging into CrossBrowserTesting
Description: A registered user should be able
to login successfully into our application.
Conditions/State: A user is “Subscribed”
Visit
CrossBrowserTesting.com
Enter Email into "email"
field
Enter a password into the
"password" field
Click log in
Expected
Result:
A user will land on
the “Live Testing”
page.
Tools For Manual Web Testing
• Link Checker
ScreamingFrog & MonkeyTest.It
• HTTP Traffic
Fiddler, Chrome DevTools, FireBug
• Performance Testing
Webpagetest.org, AlertSite, Google PageSpeed, Optimzilla,
JMeter
Visual Smoke Testing
Automated Testing
Let’s go faster, get more coverage, and make our lives easier.
Why Automate Testing?
• Improve our test coverage
• Decrease deployment times
• Save time and resources
What Do We Automate
• When the business flow is critical
• Repetitive by nature
• Regression tests
• Data-Driven testing
• Longer tests
• Reused as a performance test
Basic Anatomy Of A Selenium Test
Questions?
Name
Position
Email
Phone Number
Running It In
The Cloud
Learn more about CrossBrowserTesting

More Related Content

PPTX
Getting Started With Selenium
PPTX
Test Design + Environment Management: Scaling UI Automation for Agile
PDF
Continuous Testing Meets the Classroom at Code.org
PPTX
ASP.NET & Unit Testing
PDF
Awesome Test Automation Made Simple w/ Dave Haeffner
PPTX
Cross-browser unit testing JavaScript
PPTX
Browser Vendors are Reshaping Testing - Are You Ready?
PDF
How to Make Your UI Tests Stable, Scalable, and Maintainable
Getting Started With Selenium
Test Design + Environment Management: Scaling UI Automation for Agile
Continuous Testing Meets the Classroom at Code.org
ASP.NET & Unit Testing
Awesome Test Automation Made Simple w/ Dave Haeffner
Cross-browser unit testing JavaScript
Browser Vendors are Reshaping Testing - Are You Ready?
How to Make Your UI Tests Stable, Scalable, and Maintainable

What's hot (20)

PPTX
Selenium and Appium Training from Sauce Labs
PPTX
Sauce Labs for Visual Studio Team Services & TFS
PPTX
QA Automation testing online training
PPTX
Visual Studio 2010 Testing for Developers
PPTX
Cypress test techniques cucumber bdd framework,tdd,api tests course
PDF
Automation Best Practices
PPTX
How to build webapps with tools
PDF
Test Design: Scaling UI Automation from the Ground Up
PPTX
Web automation with Selenium for software engineers
PPTX
Writing better tests for your java script app
PDF
Learn Key Insights from The State of Web Application Testing Research Report
PPTX
Beyond the Release: CI That Transforms Organizations
PDF
Architecture of automated test cases for legacy applications
PPTX
Sustainable Automation Frameworks by Kelsey Shannahan
PPTX
5 Considerations When Adopting Automated Testing
PDF
Web Application Testing with Selenium
PPTX
Visual Studio LightSwitch (Beta 1) Overview
PPTX
Test Automation Architecture That Works by Bhupesh Dahal
PPTX
A Look into Automated Web UI Test
PPTX
Tutorial on the integration of Selenium with cucumber for experts and fresher’s
Selenium and Appium Training from Sauce Labs
Sauce Labs for Visual Studio Team Services & TFS
QA Automation testing online training
Visual Studio 2010 Testing for Developers
Cypress test techniques cucumber bdd framework,tdd,api tests course
Automation Best Practices
How to build webapps with tools
Test Design: Scaling UI Automation from the Ground Up
Web automation with Selenium for software engineers
Writing better tests for your java script app
Learn Key Insights from The State of Web Application Testing Research Report
Beyond the Release: CI That Transforms Organizations
Architecture of automated test cases for legacy applications
Sustainable Automation Frameworks by Kelsey Shannahan
5 Considerations When Adopting Automated Testing
Web Application Testing with Selenium
Visual Studio LightSwitch (Beta 1) Overview
Test Automation Architecture That Works by Bhupesh Dahal
A Look into Automated Web UI Test
Tutorial on the integration of Selenium with cucumber for experts and fresher’s
Ad

Similar to Manual, Visual, and Automated Testing For Web Apps (20)

PDF
Cross-Browser Testing : A Complete Guide
PDF
Guide to Cross Browser Testing_ Definition, Process, Challenges & Tools.pdf
PDF
Making cross browser tests beautiful
PPTX
Web Automation Testing for developers?
PDF
Webapp Automation Testing of performance marketing and media platform
PDF
Experitest & Tech Mahindra Co-Webinar
PPTX
Visual Studio 2010 for testers
PDF
Web application automated testing types and tools
PDF
Cross-Browser Testing With Automation.pdf
PDF
11 Top Cross Browser Testing Tools to Know About.pdf
PDF
Experitest & Cigniti Co-Webinar -
PDF
11 Top Cross Browser Testing Tools to Know About.pdf
PDF
Lecture #6. automation testing (andrey oleynik)
PPTX
Making the Transition from Manual to Automated Testing
PDF
State of DevOps 2018: Continuous Testing is Required for DevOps Success
PPTX
Crossbrowser Testing at Salesforce Analytics
PPTX
Skyrocket Your Cross Browser Testing with Minimal Effort
PPTX
Insoft training day_1
PPTX
automated-testing-final
PDF
Mastering Software Test Automation: A Comprehensive Guide for Beginners and E...
Cross-Browser Testing : A Complete Guide
Guide to Cross Browser Testing_ Definition, Process, Challenges & Tools.pdf
Making cross browser tests beautiful
Web Automation Testing for developers?
Webapp Automation Testing of performance marketing and media platform
Experitest & Tech Mahindra Co-Webinar
Visual Studio 2010 for testers
Web application automated testing types and tools
Cross-Browser Testing With Automation.pdf
11 Top Cross Browser Testing Tools to Know About.pdf
Experitest & Cigniti Co-Webinar -
11 Top Cross Browser Testing Tools to Know About.pdf
Lecture #6. automation testing (andrey oleynik)
Making the Transition from Manual to Automated Testing
State of DevOps 2018: Continuous Testing is Required for DevOps Success
Crossbrowser Testing at Salesforce Analytics
Skyrocket Your Cross Browser Testing with Minimal Effort
Insoft training day_1
automated-testing-final
Mastering Software Test Automation: A Comprehensive Guide for Beginners and E...
Ad

More from SmartBear (20)

PPTX
Enforcing Your Organization's API Design Standards with SwaggerHub
PPTX
Introducing OpenAPI Version 3.1
PPTX
IATA Open Air: How API Standardization Enables Innovation in the Airline Indu...
PPTX
The State of API 2020 Webinar – Exploring Trends, Tools & Takeaways to Drive ...
PPTX
How LISI Automotive Accelerated Application Delivery with SwaggerHub
PPTX
Standardising APIs: Powering the Platform Economy in Financial Services
PPTX
Getting Started with API Standardization in SwaggerHub
PPTX
Adopting a Design-First Approach to API Development with SwaggerHub
PPTX
Standardizing APIs Across Your Organization with Swagger and OAS | A SmartBea...
PPTX
Effective API Lifecycle Management
PDF
The API Lifecycle Series: Exploring Design-First and Code-First Approaches to...
PDF
The API Lifecycle Series: Evolving API Development and Testing from Open Sour...
PPTX
Artificial intelligence for faster and smarter software testing - Galway Mee...
PDF
Successfully Implementing BDD in an Agile World
PPTX
The Best Kept Secrets of Code Review | SmartBear Webinar
PPTX
How Capital One Scaled API Design to Deliver New Products Faster
PPTX
Testing Without a GUI Using TestComplete
PPTX
Hidden Treasure - TestComplete Script Extensions
PDF
How Bdd Can Save Agile
PPTX
API Automation and TDD to Implement Master Data Survivorship Rules
Enforcing Your Organization's API Design Standards with SwaggerHub
Introducing OpenAPI Version 3.1
IATA Open Air: How API Standardization Enables Innovation in the Airline Indu...
The State of API 2020 Webinar – Exploring Trends, Tools & Takeaways to Drive ...
How LISI Automotive Accelerated Application Delivery with SwaggerHub
Standardising APIs: Powering the Platform Economy in Financial Services
Getting Started with API Standardization in SwaggerHub
Adopting a Design-First Approach to API Development with SwaggerHub
Standardizing APIs Across Your Organization with Swagger and OAS | A SmartBea...
Effective API Lifecycle Management
The API Lifecycle Series: Exploring Design-First and Code-First Approaches to...
The API Lifecycle Series: Evolving API Development and Testing from Open Sour...
Artificial intelligence for faster and smarter software testing - Galway Mee...
Successfully Implementing BDD in an Agile World
The Best Kept Secrets of Code Review | SmartBear Webinar
How Capital One Scaled API Design to Deliver New Products Faster
Testing Without a GUI Using TestComplete
Hidden Treasure - TestComplete Script Extensions
How Bdd Can Save Agile
API Automation and TDD to Implement Master Data Survivorship Rules

Recently uploaded (20)

PDF
Digital Strategies for Manufacturing Companies
PDF
Design an Analysis of Algorithms I-SECS-1021-03
PDF
Adobe Premiere Pro 2025 (v24.5.0.057) Crack free
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 41
PPTX
Embracing Complexity in Serverless! GOTO Serverless Bengaluru
PPTX
history of c programming in notes for students .pptx
PDF
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
PDF
PTS Company Brochure 2025 (1).pdf.......
PDF
How to Choose the Right IT Partner for Your Business in Malaysia
PPTX
VVF-Customer-Presentation2025-Ver1.9.pptx
PPTX
assetexplorer- product-overview - presentation
PPTX
Computer Software and OS of computer science of grade 11.pptx
PDF
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
PDF
Digital Systems & Binary Numbers (comprehensive )
PDF
wealthsignaloriginal-com-DS-text-... (1).pdf
PPTX
Introduction to Artificial Intelligence
PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
PPTX
Reimagine Home Health with the Power of Agentic AI​
PDF
Designing Intelligence for the Shop Floor.pdf
PDF
Nekopoi APK 2025 free lastest update
Digital Strategies for Manufacturing Companies
Design an Analysis of Algorithms I-SECS-1021-03
Adobe Premiere Pro 2025 (v24.5.0.057) Crack free
Internet Downloader Manager (IDM) Crack 6.42 Build 41
Embracing Complexity in Serverless! GOTO Serverless Bengaluru
history of c programming in notes for students .pptx
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
PTS Company Brochure 2025 (1).pdf.......
How to Choose the Right IT Partner for Your Business in Malaysia
VVF-Customer-Presentation2025-Ver1.9.pptx
assetexplorer- product-overview - presentation
Computer Software and OS of computer science of grade 11.pptx
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
Digital Systems & Binary Numbers (comprehensive )
wealthsignaloriginal-com-DS-text-... (1).pdf
Introduction to Artificial Intelligence
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
Reimagine Home Health with the Power of Agentic AI​
Designing Intelligence for the Shop Floor.pdf
Nekopoi APK 2025 free lastest update

Manual, Visual, and Automated Testing For Web Apps

  • 1. Manual, Visual, and Automated Testing For Web Apps. Join Ministry of Testing and SmartBear as we explore how to conduct complete, end-to-end testing on web applications TUESDAY, JUNE 20TH 6:00PM EST Learn more about CrossBrowserTesti ng
  • 2. Today’s Agenda • Our Testing Playbook • Challenges, Plan, Data, Environments. • Browser Testing • There’s so many of them. • The Non Automated • The tools and tactics to be a successful manual tester. • The Automated Part • What, how, when, and why we automate testing.
  • 4. Questions For Web Testers Who Will Test? • Dev Team? • Dedicated QA Team? • Project Managers? What Type Of Testing • Functional • Performance • Load • Accessibility When Will You Test • Each commit • Every Deployment • Nightly • Weekly What Are We Testing • GUI • API • End-to-End
  • 5. Our Test’s Data • No Data o Zero, Null, Blank • Valid Data o Valid Data Strings • Invalid Data o Wrong Language, Incorrect input • Stressed Data o Out of Range, Injections driver.find_element_by_name("email").send_keys("daniel@crossbrowsertesting.com") driver.find_element_by_name("password").clear() driver.find_element_by_name("password").send_keys(“WrongPassWord")
  • 6. State • Subscription Status • Email Verified • Custom Pricing • Referrer Trial Subscribed SubCancelled Unsubscribed
  • 7. Cross Browser Testing Bob, looks like it works on my machine. Not sure what the problem is.
  • 8. Our Test Environments Operating Systems Devices Browsers Breaks 1366 X 768 | 1920 X 1080 | 1600 X 900 | 1280 X 1024 | 1440 X 900
  • 9. Grab Info From Analytics
  • 10. The “Spreadsheet” Test Case State Windows Mac iOS 10 7 10.12 10.11 7 Plus 7 6S Chrome FireFox IE Chrome FireFox IE Safari Chrome Safari Chrome Safari Safari Safari Switch Plan Trial X X X X X Switch Plan Subscribed X X X X Switch Plan Cancelled X X X X X
  • 11. Consider Cloud Testing Tools Test In ParallelTest More BrowsersNo Infrastructure Needed
  • 12. Not Automated Testing How to go about an effective manual testing strategy
  • 13. Starting Out Exploratory Testing Write Test Cases Manual Testing Smoke Testing Maximum test execution. Test baby, test! Be descriptive and thorough. MVT. Minimum Viable Testing Someone’s gotta do it.
  • 15. An Example Test Case Title: Logging into CrossBrowserTesting Description: A registered user should be able to login successfully into our application. Conditions/State: A user is “Subscribed” Visit CrossBrowserTesting.com Enter Email into "email" field Enter a password into the "password" field Click log in Expected Result: A user will land on the “Live Testing” page.
  • 16. Tools For Manual Web Testing • Link Checker ScreamingFrog & MonkeyTest.It • HTTP Traffic Fiddler, Chrome DevTools, FireBug • Performance Testing Webpagetest.org, AlertSite, Google PageSpeed, Optimzilla, JMeter
  • 18. Automated Testing Let’s go faster, get more coverage, and make our lives easier.
  • 19. Why Automate Testing? • Improve our test coverage • Decrease deployment times • Save time and resources
  • 20. What Do We Automate • When the business flow is critical • Repetitive by nature • Regression tests • Data-Driven testing • Longer tests • Reused as a performance test
  • 21. Basic Anatomy Of A Selenium Test
  • 22. Questions? Name Position Email Phone Number Running It In The Cloud Learn more about CrossBrowserTesting

Editor's Notes

  • #3: The challenges of web testing and how the CBT team approaches our own testing.
  • #4: JavaScript renders differently. It’s like a surprise in every different browser. Mobile Devices and Screen Sizes. Websites deploy lightning quick. Your marketing team has never heard of CI/CD but they operate. Not the state of Massachusetts. User state is one of the most difficult aspects we deal with testing our web application. Over time, there are just a lot of different variables in our table.
  • #5: Web Testing if often a unique team. Made up of many different players and stake holders. While Dev, Product, Marketing can share responsibility. Who is accountable? What type of testing are we going to do. Functional, Performance, Load Testing When will you test What are we testing
  • #6: Test data is actually the input given to a software program. It represents data that affects or is affected by the execution of the specific module. Some data may be used for positive testing, typically to verify that a given set of input to a given function produces an expected result. Other data may be used for negative testing to test the ability of the program to handle unusual, extreme, exceptional, or unexpected input. Positive Data – Works No Data – None, Null, Default Valid – Data that works, but outcome is wrong Invalid Data – Data that does not work Stressed Data – Data doesn’t work, and out come is wonky Test Data can be Generated - Manually Mass copy of data from production to testing environment Mass copy of test data from legacy client systems Automated Test Data Generation Tools
  • #7: State is the single hardest piece of added complexity when it comes to testing our web applications. Not only does it added a multiplying factor to our test cases, for each state, it is heavily relied upon by other systems – our marketing and sales cadence flows completely off our States.
  • #9: Why do we do cross browser testing? - No longer a question of if it works, but if it works on Windows 7 running Chrome 46, or X browser on X device. We want the confidence it brings knowing our application works for every customer Necessary for responsive testing.
  • #10: Take a snapshot of weekly, monthly, and quartley. See how they compare. Often times taking too long of a look distorts your true browser habits. Top 10 browsers gets us ~45% of coverage. Good but not great. But also from a time and resource perspective – manageable only by automated testing
  • #15: We don’t do exploratory testing every release, every day, or probably even every week. But it is a critical piece of software testing, as you can either wait until a Customer tells you it’s broken – or go digging yourself. Repeating test cases, whether it be manual or automated is actually not a great way to find new bugs! Record session, focus on testing, rewatch to document bugs and write your test cases.