Hi! I'm Carol

Photo of Carol

I'm a frontend software engineer
at Capital One.

Check Test yourself before you wreck yourself

Expectation setting

I'm not an expert

gif of a dog looking confused

Ask questions

gif of regina george raising her hand


  • Why I care
  • Some types of testing and tools
  • Designing your testing strategy

Why do I care?

It's a safety net

gif of person with vr headset trapped in a net

Breezy refactoring

gif of cow with a wig blowing in the breeze

Test Pyramid

test pyramid from Mike Cohn's Succeeding with Agile book

Your best bet is to remember two things from Cohnโ€™s original test pyramid:

  1. Write tests with different granularity
  2. The more high-level you get the fewer tests you should have

Test Ice Cream Cone

test ice cream cone

Lessons learnt on different types of testing


Your mileage may vary.

Code Formatting:

It lets you stop arguing about style while having consistent code, in a nutshell.

๐Ÿ›  Prettier

Prettier logo ๐Ÿ”— Why Prettier?


It lets you enforce coding quality principles throughout your codebase, to help you avoig bugs.

๐Ÿ›  ESLint

eslint logo

Most widely adopted linter out there.

ESLint example

eslint showing an error on emoji accessibility
eslint showing an error on import order

Prettier + ESLint = ๐Ÿ’›

Also, config is hard, so use someone else's if you can and adjust as needed ๐Ÿ˜…


alaskan malamute puppies chilling out

Unit testing

Getting the smallest unit of code, and testing it in isolation.

๐Ÿ›  Jest

jest logo

Modern tool, does a lot out of the box - assertion library, coverage, mocking, snapshots.

navigation component code
unit tests for a navigation component

Snapshot testing

snapshot test screenshot

๐Ÿ”ฅ Hot take ๐Ÿ”ฅ

I'm not a big fan of snapshot testing, it makes people stop paying attention.

T ๐Ÿ‘ D ๐Ÿ‘ D ๐Ÿ‘

Yes, friends. Get ready for some indoctrination.

What's TDD?

It's a practice where you write a test first, and only enough code to satisfy that test.

Red ยท green ยท refactor

red green refactor cycle


Better architecture

gif of lego bricks forming a lego brick

You only think once

gif of andy from parks and rec looking excited


It's hard to get started

gif of michelle obama saying its hard

๐Ÿ”ฅ Hot take ๐Ÿ”ฅ

100% test coverage is not a good thing.

Know when to stop


You want to make sure you're not testing someone else's code.

Component testing

Testing your service as a whole.

๐Ÿ›  Cypress

Low effort end to end testing framework.

screenshot of my cypress test file

Write one get one free

In web applications, component testing can be reused for integration testing.


ginger kitten flying across the sky

Visual testing

Tests that your application looks the way you expect it to.

๐Ÿ›  Galen

screenshot of galen test

๐Ÿ›  Percy

  • Integrates with Cypress
  • Integrates with GitHub & GitLab
  • Cross browser testing

Accessibility testing

Cypress-axe is a plugin that checks your app for common accessibility faults.

Mutation testing

Stryker mutator allows you to improve your tests by changing your code.

Designing your testing strategy

What do you care about?

Start small and increment


  • Buy in
  • Small companies
  • Big companies


  1. Getting started is hard
  2. Documentation is your friend
  3. Find out what you care about
  4. Tests your critical paths
  5. T ๐Ÿ‘ D ๐Ÿ‘ D ๐Ÿ‘
  6. Better tools significantly reduce effort

Come talk to me about it

shiba with shoes on yapping

Thank you! ๐Ÿ’›โœจ