DEV Community


Discussion on: Vue component TDD with Jest and Storybook

mwiest profile image

Seems like the storybook and the jest tests are two completely different things. Why is this article about both of them and gives the impression that they work together somehow. Or do they??

heyshadowsmith profile image
Shadow Smith Author

Great question!

Originally, this article was called "Isolated Vue component TDD with Jest and Storybook", and I think it may have lost context when I removed the word "Isolated".

It is true that you can build components with TDD with just Jest and Vue Test Utils without Storybook, but I added it to this article as an introduction to building/documenting your components in an isolated environment as you move through the TDD process.

For instance, if you had a component that had a bunch of different states based on more props than just a simple button would have, it would be useful to go through a TDD round when updating a component and then update your Storybook stories to reflect everything you test for.