https://blog.sentry.io/2023/02/23/sentrys-frontend-tests-migrating-from-enzyme-to-react-testing-library/
Building Your Application: Testing | Next.js
TestingIn React and Next.js, there are a few different types of tests you can write, each with its own purpose and use cases. This page provides an overview of types and commonly used tools you can use to test your application. Types of tests Unit testing involves testing individual units (or blocks of code) in isolation. In React, a unit can be a single function, hook, or component. Component tes
React テスト応用、テストに悩む人へ
2022-05-06 更新 「React でコンポーネントテストを書くといいらしい、 React Testing Library や jest でサンプルを参考に書いてみたが 現実どうやってプロダクトコードに合わせていけばいいか分からない」 そういった方が対象となる本を目指しています。 いろいろ調べて実践したものの下記のように感じた方に適しているかもしれません。 - 結局テストで何を担保しようとしているか分からない - React のテストでハマっているか、Jest でハマっているか分からない - モックとかスパイとかアプリケーションとは遠い出来事も多くてピンとこない 誤り・ご指摘あればフィードバックいただけると嬉しいです。 無料で配布していますが、気に入ったらサポートなどいただけると今後もこの本をアップデートし拡張していく気持ちになれるのでよろしくお願いします。
Learn TDD in React | Learn TDD
Test-Driven Development (TDD) is an approach to automated software testing that involves writing a failing test before writing the production code to make it pass. TDD helps you develop a robust test suite to catch bugs, as well as guiding you to more modular, flexible code. To see how TDD works in React, let's walk through a simple real-world example of building a feature. We'll be using React 18
Refactoring React Components with Jest’s Snapshot
Here come the jesters… In this article we will be discussing Jest’s Snapshot test feature and how it can be used to help maintain consistent UI output while refactoring React components. For those unfamiliar with Jest, it is a powerful javascript testing library that was released by Facebook in 2014. Though the library was not designed to be used exclusively with React it has become the go to test
TestCafe v0.15.0 Released | Release Notes | What's New
Plugins for React and Vue.js, TestCafe Docker image, support for Internet access proxies and lots of bug fixes. Breaking Changes New calls to selector’s withText method no longer override previous calls We have changed the way the withText method behaves when it is called in a chain. const el = Selector('div').withText('This is').withText('my element'); In previous versions, this selector searched
E2E Testing React applications with TestCafe | HackerNoon
Too Long; Didn't ReadBorn deep inside <a href="https://hackernoon.com/tagged/facebook" target="_blank">Facebook</a> labs, <a href="https://facebook.github.io/react/" target="_blank">React</a> gained a huge popularity among the developers who make web applications with complex user interfaces. Being widely used in single-page application projects that require easy scaling, simple maintenance and fa
EnzymeでReactコンポーネントのテストを書こう - DMM.comラボエンジニアブログ
こんにちは、プラットフォーム開発部の新卒エンジニアの松下です。 普段は会員基盤フロントエンドチームでログインやアカウント登録などの会員基盤システムの開発をしています。 早いものであと1ヶ月ちょっとで1年目が終了。春には次の新卒が入ってくるとのことで、うかうかしていられないなと思う今日このごろです。 さて本日はEnzymeを使ってReactのテストを書く方法を紹介したいと思います。 Enzymeは宿泊予約サイトのAirbnbが開発しているReactコンポーネントのテストツールです。 チームでは以前よりテスティングフレームワーク「Mocha」とアサーションライブラリ「Chai」でNode.jsアプリケーションの単体テストや結合テストを行ってきました。しかし、これらのツールだけではReactのテストを行うことができず、今回Enzymeの導入を検討することにしました。 目次 Enzymeのセットア
React Storybook: Develop Beautiful User Interfaces with Ease — SitePoint
February 21, 2017React Storybook: Develop Beautiful User Interfaces with Ease When you start a new front-end project, the first thing you usually do is create a beautiful design. You carefully plan and draw all of your UI components, as well as each state or effect they may have. However, during development, things usually start to change. New requirements, as well as unforeseen use cases pop up h
Testing React Applications with Jest
ReactTesting React Applications with JestLearn how to test React applications with the Jest JavaScript testing framework. IntroductionWriting tests is an integral part of application development. Testing results in software that has fewer bugs, more stability, and is easier to maintain. In this article, we'll look at how to test a React application using the Jest testing framework. Jest is a JavaS
How to Snapshot Test Everything in Your Redux App With Jest
Javascript fatigue is something I always try to fight. Some times it feels extra painful because I’m measuring it against the intuition I’ve built based on my experience with different platforms such as the JVM, .NET, Ruby, and Go. Put aside the ever-growing list of Javascript single page application frameworks, competing modules, and competing view libraries, we still have a considerable fatigue
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Release v13.1.0 · testing-library/react-testing-library
Planned changes to `act` testing API · reactwg/react-18 · Discussion #23
GitHub - keiya01/react-performance-testing: A library to test runtime performance in React
GitHub - typicode/react-fake-props: 🔮 Magically generate fake props for your React tests
Announcing Storybook 3.0
Track passing/failing tests in fiber by sophiebits · Pull Request #8169 · facebook/react
Visual Testing — the pragmatic way to test UIs
GitHub - mthuret/storybook-addon-specifications: :book: Write tests next to your stories and display their results inside storybook interface
GitHub - bahmutov/snap-shot: Jest-like snapshot feature for the rest of us, works magically by finding the right caller function
