create-react-appで生成したReactプロジェクトでreact-testing-libraryを使ってテストをする方法について説明します。 create-react-appシリーズこのブログポストはシリーズで作成しております。次はcreate-react-appのシリーズのリストです。 Reactとはcreate-react-appcreate-react-appでTypeScriptを使う方法[TypeScript] create-react-appで絶対パスのimportcreate-react-appでstyled-componentsの使い方Jestcreate-react-appでreact-testing-libraryを使ってテストする概要以前のブログポストではJavaScriptテストフレームワークであるJestを使ってテストの基礎とJavaScriptのテス

import ReactTestUtils from 'react-dom/test-utils'; // ES6 var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npm 概要 ReactTestUtils はお好みのテストフレームワークで React コンポーネントをテストしやすくするものです。Facebook では快適に JavaScript をテストするために Jest を使用しています。Jest のウェブサイトにある React Tutorial を通して Jest の始め方を学んでください。 補足: react-testing-library の使用をおすすめします。これは、エンドユーザがコンポーネントを使用するときと同様の方法でコンポーネントを使用するようなテストを書くことを可能にし、かつそれを

はじめに テストって何？ Jest Enzyme 環境構築 実際にテストしてみる Jestによるテストの書き方メモ テスト実行のながれ 子コンポーネントの存在を確認 setStateで値が更新されているか確認 子コンポーネントで受け取ったpropsがレンダリングされているか確認 モックを使ったテスト アラートのテスト 参考資料 はじめに 宮崎大学 Advent Calendar 2019の記事です。 qiita.com ソースコードはこちら。 github.com テストって何？ プログラムの振る舞いを確認し品質を保証する目的で行う。 手動はつらいので、『こういう入力があったらこういう動作』をあらかじめ記述しテストフレームワークに任せる事で自動化する。 Jest Facebookが開発 JavaScriptのユニットテストツール __tests__フォルダ内のファイルまたは、ファイル名が◯

小山田圭吾の話題になると必ず「こいつはいじめ加害者」って言うやつ出てくるよね。 もう20年くらいやっている。ぞっとする。 当事者の証言もないのに外野がずっとこういうことやっている情熱ってどこからくるんだろうか。 小山田圭吾はこの20年、技術を磨き、キャリアを積んで、オリンピックの作曲者にまでなったんだよ。 そのあいだきみはなにしていたの？ 「小山田圭吾はいじめ加害者」ってネットで書き込んでいただけ。 ずいぶん差がついちゃったね。 人生楽しい？そろそろ前を向いて生きなよ。 仮にきみが正義の執行官だったとして、小山田圭吾にどうなってほしいの？ それがきみの人生とどう関係するの？ （追記） 同じインタビュー内で謝罪しているけどね。元記事にあたらず叩いているんだ。うわ、愚か。

ＩＯＣ＝国際オリンピック委員会のバッハ会長が１４日、菅総理と会談した際に、コロナの感染状況が改善した際には観客を入れてほしいと要望していたことが明らかになりました。 バッハ会長は、１４日午後に菅総理と会談し、「今回の東京大会はいろいろな意味で歴史的な大会となる」などとして、大会を成功させるため協力を呼びかけていました。複数の関係者によりますと、会談でバッハ氏は観客の受け入れについて、“状況が改善した際には観客を入れることも考えて頂きたい”と菅総理に要望したということです。 これに対して菅総理は、感染状況について大きな変化が生じた場合には改めて５者協議を開いて対応を検討する、としたこれまでの５者協議の合意事項について説明したということです。 オリンピックでの観客受け入れをめぐっては、首都圏の１都３県のほか、北海道、福島で完全無観客での開催が決まっていて、大会組織委員会幹部は観客受け入れの見直