I recently rebuilt a moderately sized jQuery application/component using Lit, with the end result being 6-7 components spread over around 2,000 lines of code.
We currently have no automated testing at all but I'd like to implement it, especially now as the markup/styles have been moved into JavaScript. It's much better overall - but it feels riskier.
But I have no idea where to even begin. Do I set up end to end tests using Playwright on site? Can I test the components individually? Keeping in mind as well that we don't use a build system/any sort of CI.
Just wanted to get people's thoughts/experiences here.
I haven't used lit for more than testing viability testing where I am, but I've had success setting up jest with some vanilla is web components and doing unit testing that way.
I love Playwright. I've had better results (less flakiness) and better DX than with cypress. +1 for Playwright for me.
Coupled with a CI that runs the tests and merge / publish only if everythings fine !
People generally think of storybook as a place where you can view components in different configurations but you can reuse the “stories” for testing (in a kind of write once test everywhere kind of way)
I’ve not used Lit (we use react), but conceptually it should be the same. Assuming you’ve followed testable patterns, you should be able to instantiate each component individually and test independently from other components. You can also create tests that run inbrowser automated - load page, interact, assert results