BugHerd

/

Blog

/

The Five Types of Web Testing

The Five Types of Web Testing

Testing can be fundamental to providing a reliable experience to your users. Everyone can take part in the web testing process. It doesn't have to take deep technical knowledge to provide feedback on something that's not behaving correctly or as expected. Unit testing, for example, requires technical knowledge of the codebase, compared to accessibility testing which doesn't. Both of these and more, are described in this blog by our Lead Developer James Coleman...

James Coleman

|

February 19, 2020

Follow
Designers thinking about new trends

Testing can be fundamental to providing a reliable experience to your users.

Everyone can take part in the web testing process. It doesn't have to take deep technical knowledge to provide feedback on something that's not behaving correctly or as expected. Unit testing, for example, requires technical knowledge of the codebase, compared to accessibility testing which doesn't. Both of these and more, are described in more detail below.

Testing doesn't only benefit developers and product managers. Testing benefits the entire company. It allows the product team to move faster, with more confidence (who doesn't love a more accurate time estimate?) and ultimately get robust features in front of users faster.

In 2018, Spotify said they focus on testing to "move fast, with confidence that things work". While that seems unobtainable, the types of software testing measures below could help you get there:

UNIT TESTING

A microform of testing, this focuses on components of code at an individual and isolated level. Fundamentally, you have an input, the code you're testing (the unit) and an output. A successful unit test is when the test output is the same as a pre-determined value. Because unit testing often focuses on single and pure functions, they're quick to write and run.

Unit testing is as fundamental for the backend, through frameworks like RSpec, PHPUnit or unittest. In the book Testing Rails, thoughtbot notes their experience on having comprehensive automated tests in Rails "catch[es] bugs sooner, preventing them from ever being deployed."

INTEGRATION TESTING

Integration testing should answer the question 'do these services when connected, run as expected?'. Microservices have seen a relatively recent rise in popularity, meaning there are parts of your application running in isolation and potentially talking to each other. Integration tests ensure this communication works as expected.

Not limited to new approaches like microservices, integration testing is also useful for how your application talks to databases or third parties. A simple example is: 'A user signs up. Are they created in the database?'.

FUNCTIONAL TESTING

Functional testing can be very similar to integration testing but with a business objective in mind. Take the user creation example above - a functional version could be 'when a user signs up, does the response include the newly created user model?'.

END-TO-END TESTING

Think of end-to-end testing as a situation where units are combined and tested as a group. Tests are either run on fragments (components) of an application in isolation, or they are run on an entire user journey. Using Twitter as an example - a component test could be 'Can the user like other users Tweets?' and testing an entire journey could be 'Can the user sign up, create their profile and create their first Tweet?'.

End-to-end tests are usually a procedural list of commands which tell a browser to do something without human control. Common concepts could be 'click the signup button', 'select Australia from the country dropdown' and 'is the cancel button visible?'.

Automating these tests usually requires services like SauceLabs or BrowserStack. These services provide virtual machines, so you can run a queue of instructions in a variety of different ecosystems (from IE9 on Windows to the latest Chrome on Mac OS). This ensures you catch issues in environments that your development team isn't working in.

This form of testing in development has historically been fragile, where the cost of upkeep grows exponentially with the expansion of the team and codebase. However, as tooling gets more advanced, testing gets more reliable. Jason Palmer from Spotify has a great overview of how to diagnose, respond to and prevent Test Flakiness.

BUGHERD FOR ACCEPTANCE TESTING

Often shortened to UAT (User Acceptance Testing), this is really the final step in signing off on a deliverable. UAT Testing is a cohesive way to ensure the piece of work meets the requirements of the contract (specification) outlined at the start of the development lifecycle. To help you get the best user feedback, we suggest:

  • The users doing the testing aren't those involved in developing the work
  • Begin the feedback process as early as possible; fixing issues early on often saves time overall
  • Have a clear and easy process around collecting, assigning, working on and closing out issues (including firm deadlines on feedback)

The best tools to collect web feedback are those that provide contextual, visual and actionable feedback with little need to go back and forth questioning it.

For example, BugHerd collects feedback from users via a browser extension. Therefore, feedback is entered directly from the page. Tasks are then sent to a Kanban board for a dev team to manage and work on. Simple!  

Recent articles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

Text link

Bold text

Emphasis

Superscript

Subscript

Want more resources like these? Subscribe to the BugHerd Blog 📥

✅ Subscribed!
😕 Oops! Something went wrong while submitting the form.