Document different categories of frontend testing
Currently we have one place with frontend tests written in JavaScript (spec/javascripts/
). Those tests are inhomogeneous with respect to their abstraction level and the amount of mocking:
- mocking every external dependency, testing individual functions / methods
- mocking some external dependencies, testing combination of functions / methods
- no mocking, using actual DOM, testing above function levels (for example click events)
All three categories are necessary (see also Test Pyramid) but unfortunately most of our frontend code is only tested by one category.
We need to document
- the three categories above
- with examples and explanation
- and criteria when to use which
Documenting is the first step. As a second step we should consider restructuring our tests to make the separation more clear.