2023-04-29

やること宣言

gaaamii.icon

Nekobitoにテストコードを書こうかと思います

hem6.icon/icons/いいぞ！.icon

勉強中メモ

gaaamii.icon

Elmでテストを書くときは、elm-explorations/testというパッケージがあるのでそれを使えば良い。

しかし、個人的に普段業務で使っているReact Testing Libraryが大好きなので、ユーザー操作をシミュレーションするようなテストコードを書きたいときはDOM Testing Libraryを使おうかと思う

なので、以下の感じでいこうかな

モデルの単体テスト：elm-test

インテグレーションテスト：DOM Testing Library

とりあえず、モデルの単体テストだけelm-testで書いてみる

そのまえに、ディレクトリを整理した

なるべくソースコードと近い位置にテストコードを置きたいけど、そういうことはできるんだろうか

npx elm-test "src/**/*Tests.elm"とすれば、*Tests.elmという名前のファイル名にすればテストとして認識してくれる？

code:error

test

elm-test 'src/**/*Tests.elm'

-- MODULE NAME MISMATCH - /Users/gaaamii/dev/nekobito/src/elm/Models/NoteTests.elm

It looks like this module name is out of sync:

1| module NoteTests exposing (..)

^^^^^^^^^

I need it to match the file path, so I was expecting to see Models.NoteTests

here. Make the following change, and you should be all set!

NoteTests -> Models.NoteTests

Note: I require that module names correspond to file paths. This makes it much

easier to explore unfamiliar codebases! So if you want to keep the current

module name, try renaming the file instead.

elmのコンパイルではファイルパスと同じモジュールネームスペースがなくても怒られないけど、elm-testには怒られる

仕方ないのでModels.NoteTestsにするか...?

そうするとソースコードもModels.Noteじゃないと気持ち悪いか

そうしよう

やったこと

gaaamii.icon