#testinglibrary — Public Fediverse posts

Testing Library の getByLabelText は 実際にレンダリングされる HTML に完全一致じゃないといけない
https://qiita.com/natsugure/items/bfd47d4260710c6826f6?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #React #TestingLibrary #chakra_ui #Vitest

Testing Library の getByLabelText は 実際にレンダリングされる HTML に完全一致じゃないといけない
https://qiita.com/natsugure/items/bfd47d4260710c6826f6?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #React #TestingLibrary #chakra_ui #Vitest

Использование браузерного хранилища для управления состоянием приложения

Современные web-фреймворки для реализации управления состоянием используют библиотеки, такие, например, как Redux для React или Pinia для Vue. У традиционной реализации управления состоянием есть недостатки. Store в таком варианте является частью скрипта страницы, и его данные при её перезагрузке теряются. Кроме того, если нам в приложении нужно организовать управление отображением контента в нескольких окнах браузера, оказывается, что традиционный Store не может этого обеспечить.

https://habr.com/ru/articles/884418/

#indexeddb #dexie #store #реактивность #модульное_тестирование #оффлайнприложения #vitest #testinglibrary #вебразработа

We've been working toward deprecating GTest for our testing library in favor of our in-house JTest testing library. J3ML our 3D math library is the current target for rewriting our unit tests to utilize JTest.

#C++ #TestingLibrary #GTest #GameDev #UnitTesting

#TDD dans le front ? Ce jeudi 30 mai à 19h30, ne ratez pas
Xavier Nopre qui nous donnera son avis sur la question !

Ce sera à La Plage Digitale à #Strasbourg.

Organisé par le meetup
#swcraftstras

#TestLogiciel #Navigateur #Browser #DéveloppementLogiciel #TestDrivenDevelopment #Frontend #SoftwareCraft #Javascript #Typescript #VueJs #React #Svelte #Angular #Cypress #TestingLibrary

#TDD dans le front ? Ce jeudi 30 mai à 19h30, ne ratez pas
Xavier Nopre qui nous donnera son avis sur la question !

Ce sera à La Plage Digitale à #Strasbourg.

Organisé par le meetup
#swcraftstras

#TestLogiciel #Navigateur #Browser #DéveloppementLogiciel #TestDrivenDevelopment #Frontend #SoftwareCraft #Javascript #Typescript #VueJs #React #Svelte #Angular #Cypress #TestingLibrary

#TDD dans le front ? Ce jeudi 30 mai à 19h30, ne ratez pas
Xavier Nopre qui nous donnera son avis sur la question !

Ce sera à La Plage Digitale à #Strasbourg.

Organisé par le meetup
#swcraftstras

#TestLogiciel #Navigateur #Browser #DéveloppementLogiciel #TestDrivenDevelopment #Frontend #SoftwareCraft #Javascript #Typescript #VueJs #React #Svelte #Angular #Cypress #TestingLibrary

#TDD dans le front ? Ce jeudi 30 mai à 19h30, ne ratez pas
Xavier Nopre qui nous donnera son avis sur la question !

Ce sera à La Plage Digitale à #Strasbourg.

Organisé par le meetup
#swcraftstras

#TestLogiciel #Navigateur #Browser #DéveloppementLogiciel #TestDrivenDevelopment #Frontend #SoftwareCraft #Javascript #Typescript #VueJs #React #Svelte #Angular #Cypress #TestingLibrary

#TDD dans le front ? Ce jeudi 30 mai à 19h30, ne ratez pas
Xavier Nopre qui nous donnera son avis sur la question !

Ce sera à La Plage Digitale à #Strasbourg.

Organisé par le meetup
#swcraftstras

#TestLogiciel #Navigateur #Browser #DéveloppementLogiciel #TestDrivenDevelopment #Frontend #SoftwareCraft #Javascript #Typescript #VueJs #React #Svelte #Angular #Cypress #TestingLibrary

Has anyone here switched a codebase from React to Preact?

I found switching the libraries themselves straightforward, but updating the test suite from React Testing Library to Preact Testing Library has me stumped - tests failing for reasons that are mysterious to me. At this point I'm keen to find anyone else who's attempted the same thing to compare notes...

#Preact #React #TestingLibrary

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

@[email protected] 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