Added #e2e tests to Tram-Lite, using #cypress 🎉

In the past, I've usually leaned on #jest and #TestingLibrary but even for this super simple library, Cypress was easy, incredibly fast, and better reflects the actual behavior of the browser.

I understand for libraries it feels like unit-tests should be the go to, but over time I've realized that e2e forces you to put your library in real scenarios, rather than fake / idealized scenarios that might not happen.

#TramLite #WebDev #testing

Thanks to azat-io to provide support for #Vitest #React #ReactHooks #JSXA11y and #TestingLibrary 🚀

All available now in v1.20.0

https://github.com/Shinigami92/eslint-define-config/releases/tag/1.20.0

@deutrino
@peyremorgan the best thing to do is to have #e2e tests which use the #accessibility features to verify functionality.

See: #Cypress #testingLibrary https://testing-library.com/docs/cypress-testing-library/intro/

You don't get to see your page, but then neither do your sightless users.

Best of all, you can run them automatically everytime you make a change to quickly confirm you are still complying!

It’s so nice that Playwright has Testing Library style locators that actually work with Shadow DOM. One of the defining factors for us to choose Playwright over Cypress (the other being performance).

#Playwright #TestingLibrary #WebComponents #ShadowDOM

@SaragossaManuscript One of the things that helped me learn #accessibility was testing my components (and forms, and pages) in #Storybook using #TestingLibrary: https://storybook.js.org/blog/test-component-interactions-with-storybook/.

In order to test effectively, I needed to be sure to associate components together properly and use the correct roles, etc. I got good components, good tests, good documentation, and learned #a11y all at the same time. win win win win. :)

#introduction

I’m a #webdev from #newjersey currently working for #yougov on their #brandindex product. I’m a big fan of #testing and #typescript. I’m always trying to learn more about #systemdesign and #softwarearchitecture

Some other hashtags im interested in: #javascript #css #webPlatform #sasscss #sass #testinglibrary #reactjs #react