[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

353users がブックマーク コメント 22

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

(自分の) JavaScript のユニットテストの書き方

353 users zenn.dev/mizchi

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント22

  • 注目コメント
  • 新着コメント
zuboriradio
"ここで意識することとして、expect() のアサーションも .toBe() や .equal() のような単純なものしか使わないようにしている。複雑なアサーションを使うと、実装者は気持ちいいかもしれないが、第三者には読めない。"

その他
yarumato
"ユニットテスト導入コストを、限界まで低くする。こうしないとメンテコストが高く実行時間が長いE2Eを大量に書くことになるから。JSは常にフレームワークが変動してるので複雑な知識は覚えても持ち越せない。"

その他
mk_55
メモ

その他
mizdra
良い。テストファイルをテスト対象のファイルと同じ場所に置くのは僕もやってる。テストの存在が身近になるので心理的に書きやすくすること、お手本となるテストを探しやすくすることが狙い。

その他
mumei-0
"今回は vitest を使う。mocha, ava, jest と今まで使った中で一番体験がいい。 API が jest 互換なので、移行しやすい。"

その他
opera627
"ユニットテストは自分自身のために書いていて、それが結果として全体最適になる"同意

その他
fuyu77
"テストが根付いていない言語環境や文化では、放っておくとテストが書かれないまま実装が進行し......こうなるとメンテコストが高いE2Eを大量に書かないといけなくなり、テストの実行時間が膨れ上がっていく"

その他
tkmkg8m
細かい方針は自分と考え方が違うけど、おおまかには同意。あとVitest知らなかったけどよさげね。

その他
h_taiji
vitest使ってみる

その他
igatea
参考になる。最後の本番コードにテストコードを書くのはVitestがソース内テストをサポートしているからそれが使えるかも https://vitest.dev/guide/in-source.html

その他
kagehiens
参考になる......気がする。

その他
uva
「複雑なアサーションを使うと、実装者は気持ちいいかもしれないが、第三者には読めない」

その他
Nyoho
"今回は vitest を使う。mocha, ava, jest と今まで使った中で一番体験がいい。 API が jest 互換なので、移行しやすい。"

その他
kazokmr
最近フロントエンドの開発するようになったけどほぼ同意。例がロジックだけどUIならアクセシビリティも意識して書くようにしてる

その他
remonoil
最初は簡易なアサーションに留めるのは同意だけど、それを模倣させると気付いた時にはそびえ立つ巨大な糞になってるのが悩ましい。やはり最適化は必須なんだよ

その他
lli
ありがとうございます。助かる〜

その他
shior718
ありがてえ。

その他
rochefort
良い

その他
aktkro
一つ目書かないと永遠に書く気がおこらないのわかる

その他
carolina04
ユニットテストを導入するコストを、限界まで低くすることを目指す。テストが根付いていない言語環境や文化では、放っておくとテストが書かれないまま実装が進行し、結果としてテスト不可能な巨大な雪だるまが完成

その他
turanukimaru
複雑なコードのテスト(Mockが必要とか)はテスト自体も複雑になるし、対象のコードが単純なうちに単純なテストを書いてコードとテストの両方を単純に保つことを意識するのが良いかと思う。

その他
yarumato
yarumato "ユニットテスト導入コストを、限界まで低くする。こうしないとメンテコストが高く実行時間が長いE2Eを大量に書くことになるから。JSは常にフレームワークが変動してるので複雑な知識は覚えても持ち越せない。"

2022年03月22日 リンク

その他
zuboriradio
zuboriradio "ここで意識することとして、expect() のアサーションも .toBe() や .equal() のような単純なものしか使わないようにしている。複雑なアサーションを使うと、実装者は気持ちいいかもしれないが、第三者には読めない。"

2022年03月22日 リンク

その他
mizchi
書いた

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「(自分の) JavaScri...」が注目されています。

気持ちをシェアしよう

ツイートする

(自分の) JavaScript のユニットテストの書き方

(社内用ドキュメントの公開版) テストのポリシー 前提として、ユニットテストを導入するコストを、限界... (社内用ドキュメントの公開版) テストのポリシー 前提として、ユニットテストを導入するコストを、限界まで低くすることを目指す。テストが根付いていない言語環境や文化では、放っておくとテストが書かれないまま実装が進行し、結果としてテスト不可能な巨大な雪だるまが完成する。こうなるとメンテコストが高いE2Eを大量に書かないといけなくなり、テストの実行時間が膨れ上がっていく。 そうなる前に、ユニットテストを書きやすい環境を維持し、ユニットテストとして問題を切り分けられるような環境を維持する。とにかく書きやすさを重視し、一つのユニットテストを書くオーバーヘッドを限界まで下げる。 最初の一つを早い段階で書く 自分の経験的には、ユニットとテストの最初の一つを書いたらあとは自然とその周辺で増えていく。サンプルがあったら人はコピペする。逆にいうと最初の一つを書かない限り一切書かれない。まず一つ用意するのが大事

ブックマークしたユーザー

  • timdaik_tech2025年09月11日 timdaik_tech
  • techtech05212023年01月23日 techtech0521
  • mk_552023年01月09日 mk_55
  • kikiki-kiki2022年12月28日 kikiki-kiki
  • repon2022年08月01日 repon
  • uchiuchiyama2022年06月13日 uchiuchiyama
  • Tomohiro2022年06月12日 Tomohiro
  • torimetal2022年06月04日 torimetal
  • suruji422022年04月28日 suruji42
  • lugecy2022年04月18日 lugecy
  • kyo_ago2022年04月12日 kyo_ago
  • kkana2022年04月12日 kkana
  • eichisanden2022年04月08日 eichisanden
  • chuwb2022年04月06日 chuwb
  • araki_k2022年04月01日 araki_k
  • harukisb2022年03月28日 harukisb
  • questbeat2022年03月27日 questbeat
  • katsu_aniyan2022年03月27日 katsu_aniyan
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /