TDD in a React frontend
2021-01-19 React, tddTDD in a React frontendNowadays, only a few professional developers are left that seriously doubt the value of test-driven-development and test-driven-design (tdd). But the reality of many codebases I have seen is that tdd is often limited to the backend, where the "business logic" lives. Part of this is due to a stigma that frontend development is not "real software developme
2020年: PuppeteerとPlaywrightの激動の１年。 - Qiita
2020年は、突如Playwrightが現れ、Seleniumを置き換えるほどの勢いでいろいろなツールが現れました。 Puppeteerは、Playwrightが出てからもTypeScript化をしたりカスタムクエリハンドラ機能が実装されたりと、Chrome DevToolsプロトコルを利用するライブラリとして改善が続いています。 今年１年の Puppeteerのリリースページ https://github.com/puppeteer/puppeteer/releases Playwrightのリリースページ https://github.com/microsoft/playwright/releases を時系列にまとめてみます。 2020年1月。 PuppeteerとPlaywrightの15日間の演劇 https://speakerdeck.com/taminif/relation-
Vueでよく書くユニットテストのパターン - Qiita
Vueのコンポーネントのユニットテストでよく書くパターンを紹介します。 環境はvue-cliで生成したものをそのまま使っています。 APIの詳細な説明はVue Test Utilsを参照してください。 スナップショットテスト 出力されるHTMLが予期せず変更されないようにする場合に使うテストです。 it("itemsの値がhtmlに出力されているか？", () => { const items = [ new Item("アイテム", 3, "アイテム説明") ]; const wrapper = shallowMount(GachaMv, { propsData: { items } }); expect(wrapper.html()).toMatchSnapshot(); }); 上記のテストを追加しnpm run test:unit or yarn test:unitを実行するとテス
現在時刻が関わるユニットテストから、テスト容易性設計を学ぶ - t-wadaのブログ
この文章の背景について この文章はテスト容易性設計をテーマに 2013/11/26 に CodeIQ MAGAZINE に寄稿したものです。残念ながら CodeIQ のサービス終了と共にアクセスできなくなっていたため、旧 CodeIQ MAGAZINE 編集部の皆様に承諾いただき、当時の原稿を部分的に再編集しつつ、ライセンス CC BY（クリエイティブ・コモンズ — 表示 4.0 国際 — CC BY 4.0） で再公開いたしました。 旧 URL にいただいたブックマークとご意見はこちらです（これであなたもテスト駆動開発マスター！？和田卓人さんがテスト駆動開発問題を解答コード使いながら解説します～現在時刻が関わるテストから、テスト容易性設計を学ぶ #tdd｜CodeIQ MAGAZINE）。旧記事には本当に多くの反響をいただき、誠に感謝しております。 目次 この文章の背景について 目次 出
Testing Recipes – React
Common testing patterns for React components. Note: This page assumes you’re using Jest as a test runner. If you use a different test runner, you may need to adjust the API, but the overall shape of the solution will likely be the same. Read more details on setting up a testing environment on the Testing Environments page. On this page, we will primarily use function components. However, these tes
Avoid Nesting when you're Testing
Avoid Nesting when you're TestingJuly 29th, 2019 — 14 min read I want to show you something. What I'm going to show is a general testing principle, applied to a React component test. So even though the example is a React one, hopefully it helps communicate the concept properly. Note: my point isn't that nesting is bad by itself, but rather that it naturally encourages using test hooks (such as bef
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - cmorten/superdeno: Super-agent driven library for testing Deno HTTP servers.
GitHub - kentcdodds/bookshelf: Build a ReactJS App workshop
GitHub - kentcdodds/dom-testing-library-with-anything: Use DOM Testing Library to test any JS framework on TestingJavaScript.com
std/testing at main · denoland/std
GitHub - stipsan/ioredis-mock: Emulates ioredis by performing all operations in-memory.
GitHub - yeahoffline/redis-mock: Node.js redis client mock
3 Mistakes You’re Probably Making When Unit Testing
GitHub - jpillora/xhook: Easily intercept and modify XHR request and response
GitHub - rosiejs/rosie: factory for building JavaScript objects, mostly useful for setting up test data. Inspired by factory_girl
GitHub - tschaub/mock-fs: Configurable mock for the fs module
GitHub - TheBrainFamily/wait-for-expect: Wait for expectation to be true, useful for integration and end to end testing. Integral part of react-testing-library.
GitHub - goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (July 2023)
GitHub - node-modules/mm: An simple but flexible mock(or say stub) package, mock mate
GitHub - Netflix/pollyjs: Record, Replay, and Stub HTTP Interactions.
