DailyRNG

Frontend Testing

Frontend Testing

Every lesson in order, step by step. No difficulty tiers. Just follow the arrows.

15 lessons, about 17 min of reading

1

Why a frontend needs a different test than a server →

Step 1 · Basic

2

A fetch test: request, status, body →

Step 2 · Basic

3

Selecting from the served document →

Step 3 · Basic

4

Testing that links go where they should →

Step 4 · Basic

5

Testing a form without a browser →

Step 5 · Basic

6

Testing state that a page depends on →

Step 6 · Basic

7

Reporting a frontend test so a person can act →

Step 7 · Basic

8

Driving a real browser from a test →

Step 8 · Advanced

9

Asserting on layout, not on markup →

Step 9 · Advanced

10

Testing reachability and focus order →

Step 10 · Advanced

11

Taming a flaky frontend test →

Step 11 · Advanced

12

Putting frontend tests in the release →

Step 12 · Advanced

13

Auditing the frontend suite for what it does not cover →

Step 13 · Master

14

Choosing what the suite asserts when everything cannot be asserted →

Step 14 · Master

15

A written policy for the frontend suite →

Step 15 · Master