pwa: Add jest & create snapshot tests for existing components

[hulkish]

description TBD

[TheLarkInn]

Hey @hulkish, @Jorybraun is a first time contributor to FOSS and expressed some desire to tackle (a part of) this.

This is a really larger task but I think there's more than enough incremental issues we could break this down into?

Personally my jest experience is pretty limited so I'll yield to both of your expertise into determining the right way to separate the work out.

Thoughts? Discuss away!! 🤗

[hulkish]

I think it could be convenient if @Jorybraun and i could share the same fork and pr for this. I'll setup the tooling and create the first few tests as a direction?

[Jorybraun]

Yes that sounds great!

I have spent the last month creating snapshot tests for Vue components at work, but there isn't a senior frontend dev currently to provide feedback. So I think this is a great opportunity for growth :).

[hulkish]

Ok cool. So, just as a heads up I really just have in mind to create very simple snapshot tests. Explained here https://facebook.github.io/jest/docs/snapshot-testing.html

[Jorybraun]

ok @hulkish sounds great!

So you'll be creating the fork, will we create a test directory or should we create folders and keep the tests with their relative components?

[hulkish]

Yep.

[Jorybraun]

I guess ill wait and see 💯

[hulkish]

It will be a couple hours, going to see if i can time it so that it comes after #1397

[Jorybraun]

Great, I will most likely be starting on it tonight or tomorrow, so no rush 👍

[hulkish]

moving this to #1400