Zenn
🤖

stylelint開発ガイドーシステムテスト

に公開
CSS
Sass
Scss
tech

内容の目的

本内容は、stylelint開発ガイドーシステムテスト を翻訳し、個人活用のために整理しています。

システムテストの作成

システムテストは、Stylelint が期待通りに動作しているかを検証するためのものです。これらは、ユニットテストや統合テストに続く、回帰バグ（リグレッション）に対するもう一つの防衛線です。

各システムテストは、特定の設定ファイルとスタイルシートを元に、最終的に期待される出力が得られることを検証します。

これらのテストは網羅的・体系的である必要はありません（それはユニットテストが担います）。代わりに、実際のユースケースを再現し、それが正しく動作することを確認することに重きを置いてください。

Jest スナップショット

テストでは Jest のスナップショット機能を使用しています。これにより、以下が容易になります：

  • 大きなオブジェクトや文字列に対する検証
  • 必要に応じた期待値の更新

パターン

システムテストを追加するには、以下の手順を踏んでください：

  • system-tests/ フォルダーに、既存のテストケースの番号を増やして新しいテストケース用フォルダーを追加する
  • 設定ファイルとスタイルシートを追加する
  • 既存のテストに倣って、fs.test.js と no-fs.test.js を作成し、systemTestUtils を使用する
  • output のスナップショットを取得する

目次に戻る

Discussion