Quality Assurance/Browser testing

Wikimedia Foundation engineering activity

Browser testing

Automated testing of MediaWiki within various browsers to improve quality

Group:	Quality Assurance
Start:	10-01-2012
End:
Team:	Željko Filipin
Lead:	Chris McMahon
Status:	See updates

Status

[edit status] • [add new]

2013-12-monthly:

Besides ongoing regression testing of Wikipedia features in cross-browser tests, in December we made the first steps for new abilities like testing geolocation for Mobile tests, testing and monitoring upload ability in production, adding the ability to create test data via the API, running tests in PhantomJS on the WMF Jenkins server, and monitoring the Beta labs test environment for fatal errors.

Rationale

Why automate tests at the browser level? They find bugs!

Browser tests are most useful for:

• Beta features: checking that they work in all browsers.
• JavaScript: different browsers interpret JS in different ways.
• Features requiring navigation: unit tests don't navigate.
• Fragile: if something breaks often, we want to test it regularly.
• Critical: features that must work all the time.

It's tedious to test manually Wikimedia sites within the multiple browser/operating system combinations that are out there, so we do automated testing to find errors and assure quality.

We use Cucumber because it lets you write tests in plain English; you don't need to know Ruby. Cucumber implements an idea called Acceptance Test Driven Development. The plain English test specifications open a communication channel with non-technical people who wish to contribute to browser test automation.

Check some real examples.

Timeline

See Quality Assurance/Roadmap.

How to contribute

Here's one way to dive in

• Analyze test results and reporting failures discovered by way of Jenkins.
• Investigate a test that's failing
  • drop in to #wikimedia-qa^connect and ask if it's a known issue
• Watch the screencast of the failing test and/or view the test's code.
• If you manually go through the test's steps on a wiki site (see Quality Assurance/Feature testing) and the test failure reveals a problem, then file a bug against the feature under test.

This doesn't require any local code at all, it's all on the web.

The next level is to fix broken tests and write new ones.

• Get the test code on your machine.
• Run browser tests yourself, pointing to some MediaWiki install
• If the test fails for you but the feature under test seems to be working, try fixing the test, and rerun it.
  • If you find an error in a test, file a bug...
  • and better yet contribute a fix for it in gerrit.
• You can improve browser tests and write new ones. We use a high-level language that makes tests more approachable.
• Check the list of EASY tasks – especially good for new contributors.

None of these steps require you to have a working local MediaWiki installation, though you may find it easier to deploy a MediaWiki-Vagrant virtual machine "appliance" which automates installing some of the tools you need and checks out the MediaWiki source code. This also gives you a local working MediaWiki instance, so you can go a level deeper and modify the code of the feature under test to fix it yourself.

If you are interested in automated browser tests, join the proposed MediaWiki Group Browser testing.

Resources

• Current test results.
• Browser test source code in Gerrit, mirrored at GitHub.
• We use given-when-then testing format.