firebase / firebase/firebase-tools
Colorize Firestore Emulator Coverage
- Dominant language
- TypeScript
- Stars
- 4.5k
- Forks
- 1.3k
- Avg merge
- 1d 12h
- Merged PRs (30d)
- 84
Description
Context: we have pretty extensive Firestore security rules and when viewing the emulator coverage report, it gets really difficult to see what went wrong and where due to the sheer size of it.
I'm using the following CSS overrides to provide some visual cues:
```css
.coverage-expr:hover {
border-bottom: 3px dashed rgb(0, 0, 0);
cursor: default;
}
.coverage-expr[title="Expression never evaluated"] {
background: lightyellow;
}
.coverage-expr[title^="Value true returned"] {
background: lightgreen;
}
.coverage-expr[title^="Value false returned"] {
background: lightcoral;
}
.coverage-expr[title^="Expression short-circuited"] {
background: lightgrey;
}
```
Sample:


The CSS selectors might not be perfect, but we find them pretty helpful while analyzing coverage.
It would be great if something like this was incorportated into the emulator by default.
Contributor guide
Assessment
This issue has not been assessed yet.