テストで毎回全部の props 書いてる?不要な props を省いてテストを書くための関数を作った話
https://qiita.com/ShionKoga/items/5486bca9b2ff0b4d8214?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #テスト #React #react_testing_library #ReactTestingLibrary

テストで毎回全部の props 書いてる?不要な props を省いてテストを書くための関数を作った話 - Qiita

React コンポーネントのテストを書いていると、 テストの文脈に関係のない props を毎回渡すのが面倒… と思ったことはありませんか?今回は、そうした課題を解決するために段階的に進化させてい…

Qiita
【個人開発】JISOU 課題3 学習記録アプリを完成させた上での苦労と気づき - Qiita

はじめにお疲れ様です、りつです。以前から作成していたReactアプリが完成しました!学習記録アプリhttps://study-record-ts-e0993.web.app/リポジトリh…

Qiita

Тестирование фронтенд компонентов с jest-dom на видимость пользователю

Решаем проблему с тестирование элемента что он виден пользователю или не виден. Данное решение для reactjs проекта написано, но также работает и для других фреймворков, с которыми работает jest-dom

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

#react #jest #reacttestinglibrary #vue

Тестирование фронтенд компонентов с jest-dom на видимость пользователю

Решаем проблему с тестирование элемента что он виден пользователю или не виден. Предпосылки Разработчики react-testing-library рекомендуют нам писать тесты так, как если бы код работал как у...

Хабр
フロントエンド 自動テスト 始めました - Qiita

フロントエンドで自動テスト始めました僕は自動テストのないPJで苦しんだ経験から、自分が担当するPJではテストを必ず書くようにしました。というのも最近の数ヶ月ことなので、テストを書く上で気をつけて…

Qiita

> we integrated the capabilities of Anthropic’s AI model, Claude 2.1, into our workflows.

> By capturing the actual rendered DOM for each test case, we provided our AI model with essential contextual information that enabled more accurate and relevant conversions.

https://slack.engineering/balancing-old-tricks-with-new-feats-ai-powered-conversion-from-enzyme-to-react-testing-library-at-slack/

#ai #testing #slack #llm #llms #generativeAI #anthropic #programming #qa #tests #enzyme #rtl #reactTestingLibrary #react #reactJS #javaScript #webDev #development #tech #technology #software

Balancing Old Tricks with New Feats: AI-Powered Conversion From Enzyme to React Testing Library at Slack - Engineering at Slack

Update (October 2024): In response to numerous requests from external developers, we have open-sourced a version of our Enzyme to React Testing Library (RTL) conversion tool. You can now find it on npm, along with detailed instructions on how to integrate and use it in your projects. In the world of frontend development, one thing remains…

Engineering at Slack
React テストコード(Jest, React Testing Library)の学びと Tips - Qiita

はじめに早いもので2023年も終わりが近づいてきました。皆様はいかがお過ごしでしょうか。毎年アドベントカレンダーの時期になると、今年一年で学び経験した技術の知識を棚卸しするために記事を書いています…

Qiita

I wrote a blog post to my future self because I've just spent an entire day trying to understand WTF I was doing wrong, and it turns out it wasn't a "me" problem.

https://paulapenedo.dev/blog/testing-nextjs13-app-router-is-complicated/

#NextJS #Next13 #ReactTestingLibrary #Jest

Testing Next.js 13 App Router architecture is... complicated

I build interfaces for digital products. Welcome to my digital garden/playground.

Last month @obsoke and @CodingItWrong introduced a new lint rule for React Testing Library. In this part two post, Josh shares about the process involved in building a new lint rule.
https://link.testdouble.com/part-2-build-new-lint-rule-RTL
#ReactTestingLibrary
Building a new lint rule for React Testing Library

Josh Justice breaks down identifying the need for a new lint rule in React Testing Library, building it with Dale Karp, and getting the contribution accepted.

Test Double
@obsoke and @CodingItWrong contributed a new lint rule to React Testing Library. In a part one post, Dale introduced the new rule.
https://link.testdouble.com/part-1-new-RTL-lint-rule
#ReactTestingLibrary
Introducing a new lint rule for React Testing Library

Ever wondered where linting rules come from? Two Double Agents found a need for a new rule, then got together to implement and contribute it to a linting library so everyone could benefit.

Test Double

@obsoke and @CodingItWrong found the need for a new linting rule and got together to implement and contribute it to React Testing Library so everyone can benefit.

In this post, Dale discusses why linting is valuable, reviews the new lint rule, and shares the impetus behind its creation.

Tomorrow, Josh will share a deep dive into the process of pairing on creating the rule and getting it published in an open-source library.
https://link.testdouble.com/new-lint-rule-RTL
#React #ReactTestingLibrary

Introducing a new lint rule for React Testing Library

Ever wondered where linting rules come from? Two Double Agents found a need for a new rule, then got together to implement and contribute it to a linting library so everyone could benefit.

Test Double