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.
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 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 !