React Testing Libraryの使い方 - Qiita
Robin Wieruch氏によるHow to use React Testing Library Tutorialを著者の許可を得て意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文： https://www.robinwieruch.de/react-testing-library Kent C. Dodds氏によるReact Testing Library (RTL)がAirbnbのEnzymeに取って代わるものとしてリリースされました。EnzymeはReact開発者にReactコンポーネント内部をテストするためのユーティリティを提供しますが、React Testing Libraryは一歩さがって、「Reactコンポーネントを完全に信頼するためにはどうテストすべきか」を問いかけます。コンポーネントの実装の詳細をテストするのではなく、React Testi
TypeScriptでEventの取り扱いがめんどくさ過ぎる。。。
はじめに Nuxt.js + TypeScriptを今試し中なのだけど、TypeScriptでのイベントの取り扱いが面倒なので、とりあえずStructural Subtypingを適用してみました。 今のところ問題なさそうなんだけど、軽く探して見た限りだとあまり類似のアプローチ無いし悪手なのかな？ てか、FWとか一般的なライブラリで対応してるけど見つけれてないだけの気がしてならない。。。 TL;DR Event型を取り扱うときはtargetの型が不明なのでコンパイルエラーになる事がある event: { target: HTMLButtonElement }型を指定するのが一番手っ取り早い 求む、もっと手軽な対応方法 TypeScriptでのEvent型の取り扱いの罠 クリックイベントが発生したHTMLのノードに対して作業したい事は良くあるかと思います。 例えば下記のように 「クリックした
Jest v27にバージョンを上げたら mount / shallowMount でエラーが出るようになったので対処する - Qiita
初めに 自分の趣味プロジェクトは、vue-test-utils + Jestの構成でテストを書いています。 そろそろJestのバージョンを上げようかなと思い、Jest v27にバージョンを上げてみたところ、mount / shallowMount で下記のエラーが出てテストが落ちるようになりました。 [vue-test-utils]: window is undefined, vue-test-utils needs to be run in a browser environment. You can run the tests in node using jsdom See https://vue-test-utils.vuejs.org/guides/#browser-environment for more details. vue-test-utils + Jestの構成にしてい
Viteで作成したreact-tsプロジェクトにテストを導入したい
ts-jestやbabelは遅いらしいので使いたくない。 どうせならesbuild, swc, Vitestあたりが使いたい。 esbuild-jestは更新が2021/3で止まっている。 そのせいか、Jest v27だと動かない。Jest v26にすると動いた。 import Reactは明示的に書く必要がある（＝New JSX Transformは使えない： https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html）。 import ReactするとTypeScriptが使っていないと指摘してくるが、tsconfigでreact-jsxではなくreactを選べば良い。 CSS Modulesは使えない。import svgもできないので、プロジェクト作成時に入っている行は削除する必要がある。
【基本編】Jestを利用してVue コンポーネントをテストする方法(Unit Test) | アールエフェクト
特に個人で開発を行っているとテストを実施することでコードの品質を高められることはわかってはいるものの時間もかかりそうなので時間がある時にやろうとテストを後回しにしているという人も多いのではないでしょうか。 本文書ではVue CLIで作成したVue 3環境下でのVueのコンポーネントのテスト方法について説明を行っています。テストにはJavaScriptのテストフレームワークのJestとVue Test Utilsを利用しています。Jestはテストフレークワークの中でも人気が高くFaceBookによって開発されました。Vue Test UtilsはVueの公式のテストツールでVueのアプリケーションをテストするために必要な関数が含まれています。Vue.jsのビギナーの人にも理解してもらえるようにシンプルなコードを利用して動作確認を行っていきます。 Jestというテストフレームワークを利用するこ
「test-unitはじめの一歩」というドキュメントを作った。 - Qiita
test-unit使ってみたいな test-unit試してみたいけど、minitestやrspecみたいにbundlerで簡単にテストする手順がよくわからないな、、、初めて使うには敷居が高いぞ。 と思ってこんなドキュメントがあるといいのに、、とメンテナの須藤さんに相談したら @hiroysato よさそうなのでQiitaなんかじゃなくて公式ドキュメントに入れるのがいいんじゃないかと思いました！doc/text/getting-started.mdとかはどうですかねぃ！ — す (@ktou) 2017年3月11日 というコメントをいただいたので、作りました。 test-unitはじめの一歩 (日本語版) First step of the test-unit (英語版) ドキュメントの基本方針は、rake testってやれば全部のテストを実行してくれる簡易機能の説明です。 須藤さんにはra
テストを自動化できるWeb開発の必携アプリ「Fake」 【増田( @maskin)】 | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 from metamix.com Webサイト内での特定の作業を繰り返すなど、ルーチン化できる作業を自動で処理してくれるMac OS X用アプリケーション「Fake」が米国時間の7月6日に登場した。 例えば、「URLをオープン」→「検索」→「結果の中から特
ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
