SlideShare a Scribd company logo
Five Easy Ways
 to QA Your Site
By Andrew M. Riley
  Mediacurrent Consultant
         @andrewmriley
Goal

Introduce users to basic Quality Assurance techniques and
tools. This talk will not involve programming in any way!
Goal

You want to break your as much as possible so when you
deliver your product you are confident that it will work in a
specified manner.

tl;dr: Break stuff before your client can.
Your Target

• Who will be using your sites?

• What browsers will you support?

• What devices will you support?
Create a test plan
Test Plan

• This is your guide follow it
• Test case = test only one thing per test
• Make a test case for everything (lots of them)
• Record everything
• This will grow over time
• Keep it simple
Super Simple Example
Automated Tests Tools
Link Checkers

• Integrity (OS X) - http://peacockmedia.co.uk/integrity/

• XENU (Windows) - http://home.snafu.de/tilman/xenulink.html
Spelling/HTML/Links

• Total Validator - http://www.totalvalidator.com/
     • HTML
     • CSS
     • Links
     • Spelling!
     • 508
Browser Testing
Manual

• One test per page, per browser

• Clear your cache, check your browser settings

• Virtual Machines (VMs) help

• Manually compare each page

• Check Firebug/IE JS warnings
Automated

• BrowserCam - http://www.browsercam.com/

• BrowserShots - http://browsershots.org/

• BrowserStack - http://www.browserstack.com/
IE VMs

• Windows Users - http://j.mp/AlCgq2

• Not Windows Users - http://j.mp/zBpToY
Functional Testing
Functional Tests

Create your test cases from your specifications documents or
contract.

If you don’t have these documents, you’ll have to go through
your site manually and look for things to break.
Functional Tests

• Break it down to the smallest element

• Can be done in one browser*

• Remember negative test cases

• Check your Drupal watchdog/logs

• Think outside the box.
Tickets
Track Everything

1. Error on the side of creating too many tickets

2. One ticket per bug, one bug per ticket

3. Use a tracking system (it can be free)

4. Describe the issue, take a screenshot or video.

5. Include a link and include any data
Too Much Work

While this feels like a lot of work it can make the difference
between a launch and a polished launch.
Five Easy Ways
                      to QA Your Site
http://j.mp/pJ2JIj
                     By Andrew M. Riley
                       Mediacurrent Consultant
                              @andrewmriley

More Related Content

PDF
Drupal 7 ci and testing
PPT
How to Build and Maintain Quality Drupal Sites with Automated Testing
PDF
Auditing Drupal Sites
PDF
Automated testing in Drupal
PPTX
Django strategy-test
PPTX
Automation testing with Drupal 8
PDF
DjangoCon 2013 - How to Write Fast and Efficient Unit Tests in Django
PDF
Drupalcamp Simpletest
Drupal 7 ci and testing
How to Build and Maintain Quality Drupal Sites with Automated Testing
Auditing Drupal Sites
Automated testing in Drupal
Django strategy-test
Automation testing with Drupal 8
DjangoCon 2013 - How to Write Fast and Efficient Unit Tests in Django
Drupalcamp Simpletest

What's hot (18)

PDF
Integration testing - A&BP CC
PDF
Continuous Integration Testing in Django
PPTX
CI / CD w/ Codeception
ODP
Integration Testing in Python
PDF
Test all the things! Automated testing with Drupal 8
DOCX
Automation Frame works Instruction Sheet
PPT
Automating Software Releases (Dallas/Ft. Worth Perl Mongers 2004)
PDF
Selenium Frameworks
PPTX
Continuous Delivery - Automate & Build Better Software with Travis CI
PDF
Selenium Clinic Eurostar 2012 WebDriver Tutorial
PPTX
Automate testing with behat, selenium, phantom js and nightwatch.js (5)
PDF
UI Testing Automation
PDF
Codeception
PDF
Getting Started with Selenium
PDF
How to Use Selenium, Successfully
PDF
How To Use Selenium Successfully
PPTX
Test-Driven JavaScript Development (JavaZone 2010)
PPTX
Protractor Tutorial Quality in Agile 2015
Integration testing - A&BP CC
Continuous Integration Testing in Django
CI / CD w/ Codeception
Integration Testing in Python
Test all the things! Automated testing with Drupal 8
Automation Frame works Instruction Sheet
Automating Software Releases (Dallas/Ft. Worth Perl Mongers 2004)
Selenium Frameworks
Continuous Delivery - Automate & Build Better Software with Travis CI
Selenium Clinic Eurostar 2012 WebDriver Tutorial
Automate testing with behat, selenium, phantom js and nightwatch.js (5)
UI Testing Automation
Codeception
Getting Started with Selenium
How to Use Selenium, Successfully
How To Use Selenium Successfully
Test-Driven JavaScript Development (JavaZone 2010)
Protractor Tutorial Quality in Agile 2015
Ad

Similar to Five Easy Ways to QA Your Drupal Site (20)

PDF
Website qa
DOC
Web testing essentials
PPTX
Web Testing
PDF
Bug Process & Power_of_QA
KEY
Website Testing Practices
PPTX
Agile Testing at eBay
PDF
20121213 qa introduction smileryang
PDF
mastering_web_testing_how_to_make_the_most_of_frameworks.pdf
PPT
Release Management Group
PPTX
Comparing Agile QA Approaches to End-to-End Testing
PPTX
mastering_web_testing_how_to_make_the_most_of_frameworks.pptx
DOC
Rajkumar_A_QA-Resume
PDF
A1QA_ summer'11
PPTX
Glimpse and Benefits of Testing
PDF
U test whitepaper_10
PDF
How we improved iOS delivery speed from QA side
PPT
Testing Attributes
PPTX
Why testing invests in your website success
PDF
Increase Sales and Conversions with A/B Testing on Your Drupal Website
Website qa
Web testing essentials
Web Testing
Bug Process & Power_of_QA
Website Testing Practices
Agile Testing at eBay
20121213 qa introduction smileryang
mastering_web_testing_how_to_make_the_most_of_frameworks.pdf
Release Management Group
Comparing Agile QA Approaches to End-to-End Testing
mastering_web_testing_how_to_make_the_most_of_frameworks.pptx
Rajkumar_A_QA-Resume
A1QA_ summer'11
Glimpse and Benefits of Testing
U test whitepaper_10
How we improved iOS delivery speed from QA side
Testing Attributes
Why testing invests in your website success
Increase Sales and Conversions with A/B Testing on Your Drupal Website
Ad

More from Mediacurrent (20)

PDF
Penn State News: Pivoting to Decoupled Drupal with Gatsby
PDF
Evolving How We Measure Digital Success in Higher Ed
PDF
Penn State scales static Drupal to new heights
PDF
Delivering Meaningful Digital Experiences in Higher Ed
PDF
Content Strategy: Building Connections with Your Audience
PDF
Decoupled Drupal and Gatsby in the Real World
PDF
A Better Way to Build and Manage Sites with Rain for Drupal 9
PPTX
Drupal Security: What You Need to Know
PDF
Leveraging Design Systems to Streamline Web Projects
PPTX
Reimagining Your Higher Ed Web Strategy
PPTX
How to Digitally Transform Higher Ed with Drupal
PPTX
Is my website accessible? Common mistakes (and how to fix them)
PDF
Managing Images In Large Scale Drupal 8 & 9 Websites
PDF
Paragraphs v Layout Builder - The Final Showdown
PDF
MagMutual.com: On the JAMStack with Gatsby and Drupal 8
PDF
Creating an Organizational Culture of Giving Back to Drupal
PPTX
Level Up Your Team: Front-End Development Best Practices
PPTX
Best Practices for Moving to Drupal 9
PPTX
How to Prove Marketing ROI: Overcoming Digital Marketing Challenges
PDF
Prepare Your Drupal 9 Action Plan
Penn State News: Pivoting to Decoupled Drupal with Gatsby
Evolving How We Measure Digital Success in Higher Ed
Penn State scales static Drupal to new heights
Delivering Meaningful Digital Experiences in Higher Ed
Content Strategy: Building Connections with Your Audience
Decoupled Drupal and Gatsby in the Real World
A Better Way to Build and Manage Sites with Rain for Drupal 9
Drupal Security: What You Need to Know
Leveraging Design Systems to Streamline Web Projects
Reimagining Your Higher Ed Web Strategy
How to Digitally Transform Higher Ed with Drupal
Is my website accessible? Common mistakes (and how to fix them)
Managing Images In Large Scale Drupal 8 & 9 Websites
Paragraphs v Layout Builder - The Final Showdown
MagMutual.com: On the JAMStack with Gatsby and Drupal 8
Creating an Organizational Culture of Giving Back to Drupal
Level Up Your Team: Front-End Development Best Practices
Best Practices for Moving to Drupal 9
How to Prove Marketing ROI: Overcoming Digital Marketing Challenges
Prepare Your Drupal 9 Action Plan

Recently uploaded (20)

PDF
424926802-1987-Constitution-as-Basis-of-Environmental-Laws.pdf
PDF
The Blogs_ Hamas’s Deflection Playbook _ Andy Blumenthal _ The Times of Israe...
PDF
KAL 007 Manual: The Russian Shootdoown of Civilian Plane on 09/01/1983
PPTX
Sir Creek Conflict: History and its importance
PPTX
World Wars and International Conflict (FPSC Exams) (MCQs)
PPTX
Indian ancient knowledge system, ancient geopolitics
PDF
2025-07-24_CED-HWB_WIPP_ACO000000001.pdf
DOCX
Breaking Now – Latest Live News Updates from GTV News HD
DOCX
End Of The Age TV Program: Depicting the Actual Truth in a World of Lies
DOC
证书结业SU毕业证,莫道克大学毕业证假学位证
PDF
Conflict, Narrative and Media -An Analysis of News on Israel-Palestine Confli...
PPTX
ASEANOPOL: The Multinational Police Force
PPTX
India’s Response to the Rohingya Refugee Crisis: Balancing National Security,...
PPTX
Bridging Horizons_ Indo-Thai Cultural and Tourism Synergy in a Competitive Asia.
PPTX
Precised New Precis and Composition 2025.pptx
PPTX
The-Evolution-of-Public-Human-Resource-Management (1).pptx
PDF
Executive an important link between the legislative and people
PDF
JUDICIAL_ACTIVISM_CRITICAL_ANALYSIS in india.pdf
PDF
Supereme Court history functions and reach.pdf
PDF
Regional Media Representation of Kuki-Meitei Conflict - An Analysis of Peace ...
424926802-1987-Constitution-as-Basis-of-Environmental-Laws.pdf
The Blogs_ Hamas’s Deflection Playbook _ Andy Blumenthal _ The Times of Israe...
KAL 007 Manual: The Russian Shootdoown of Civilian Plane on 09/01/1983
Sir Creek Conflict: History and its importance
World Wars and International Conflict (FPSC Exams) (MCQs)
Indian ancient knowledge system, ancient geopolitics
2025-07-24_CED-HWB_WIPP_ACO000000001.pdf
Breaking Now – Latest Live News Updates from GTV News HD
End Of The Age TV Program: Depicting the Actual Truth in a World of Lies
证书结业SU毕业证,莫道克大学毕业证假学位证
Conflict, Narrative and Media -An Analysis of News on Israel-Palestine Confli...
ASEANOPOL: The Multinational Police Force
India’s Response to the Rohingya Refugee Crisis: Balancing National Security,...
Bridging Horizons_ Indo-Thai Cultural and Tourism Synergy in a Competitive Asia.
Precised New Precis and Composition 2025.pptx
The-Evolution-of-Public-Human-Resource-Management (1).pptx
Executive an important link between the legislative and people
JUDICIAL_ACTIVISM_CRITICAL_ANALYSIS in india.pdf
Supereme Court history functions and reach.pdf
Regional Media Representation of Kuki-Meitei Conflict - An Analysis of Peace ...

Five Easy Ways to QA Your Drupal Site

  • 1. Five Easy Ways to QA Your Site By Andrew M. Riley Mediacurrent Consultant @andrewmriley
  • 2. Goal Introduce users to basic Quality Assurance techniques and tools. This talk will not involve programming in any way!
  • 3. Goal You want to break your as much as possible so when you deliver your product you are confident that it will work in a specified manner. tl;dr: Break stuff before your client can.
  • 4. Your Target • Who will be using your sites? • What browsers will you support? • What devices will you support?
  • 6. Test Plan • This is your guide follow it • Test case = test only one thing per test • Make a test case for everything (lots of them) • Record everything • This will grow over time • Keep it simple
  • 9. Link Checkers • Integrity (OS X) - http://peacockmedia.co.uk/integrity/ • XENU (Windows) - http://home.snafu.de/tilman/xenulink.html
  • 10. Spelling/HTML/Links • Total Validator - http://www.totalvalidator.com/ • HTML • CSS • Links • Spelling! • 508
  • 12. Manual • One test per page, per browser • Clear your cache, check your browser settings • Virtual Machines (VMs) help • Manually compare each page • Check Firebug/IE JS warnings
  • 13. Automated • BrowserCam - http://www.browsercam.com/ • BrowserShots - http://browsershots.org/ • BrowserStack - http://www.browserstack.com/
  • 14. IE VMs • Windows Users - http://j.mp/AlCgq2 • Not Windows Users - http://j.mp/zBpToY
  • 16. Functional Tests Create your test cases from your specifications documents or contract. If you don’t have these documents, you’ll have to go through your site manually and look for things to break.
  • 17. Functional Tests • Break it down to the smallest element • Can be done in one browser* • Remember negative test cases • Check your Drupal watchdog/logs • Think outside the box.
  • 19. Track Everything 1. Error on the side of creating too many tickets 2. One ticket per bug, one bug per ticket 3. Use a tracking system (it can be free) 4. Describe the issue, take a screenshot or video. 5. Include a link and include any data
  • 20. Too Much Work While this feels like a lot of work it can make the difference between a launch and a polished launch.
  • 21. Five Easy Ways to QA Your Site http://j.mp/pJ2JIj By Andrew M. Riley Mediacurrent Consultant @andrewmriley

Editor's Notes