本文へ移動
cccskills
無料GitHub で公開日本語紹介

audit-tests

権限で表示や操作が変わるコンポーネントの単体テストを点検し、不足分の追加や失敗の修正を行って、管理者と閲覧専用ユーザーの動作を確かめます。

原文原文の説明を見る

Audit & fix unit tests for permission-gated components

trycompai/compスター 2,058(GitHub 2,058 + cccskills 0)

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • 権限別の単体テストを追加したいとき
  • 管理者と監査ユーザーの表示を検証したいとき
  • 失敗する権限テストを修正したいとき

日本語での紹介

できること

usePermissionsを使うコンポーネントの単体テストを確認し、対応するテストがなければ追加します。管理者には変更操作の要素が表示されて有効になり、閲覧専用の監査ユーザーには隠れるか無効になることを検証します。また、権限にかかわらず読み取り専用の内容が表示されることも確かめます。テストの失敗があれば修正し、Vitestでテストを実行します。

こんなときに便利

権限のある画面や操作を追加したときや、管理者と閲覧専用ユーザーで表示が分かれるコンポーネントのテストを整えたいときに向いています。対象のファイルやディレクトリを指定して、既存テストの確認を依頼できます。

使い方の例

  • 「この画面の権限別テストがあるか確認して、不足分を追加してください」
  • 「管理者と監査ユーザーで操作ボタンの表示が正しいかテストしてください」

注意点

テストにはVitestとjsdom、@testing-library/react、@testing-library/jest-domを使います。実行時はapps/appでbunx vitest runを使用します。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(1)

  • SKILL.md1.1 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Check that unit tests exist and pass for permission-gated components. Write missing tests immediately.

Infrastructure

  • Framework: Vitest with jsdom
  • Component testing: @testing-library/react + @testing-library/jest-dom
  • Setup: apps/app/src/test-utils/setup.ts
  • Permission mocks: apps/app/src/test-utils/mocks/permissions.ts
  • Run: cd apps/app && bunx vitest run

Required Test Pattern

Every component importing usePermissions MUST have tests covering:

  1. Admin (write) user: mutation elements visible/enabled
  2. Auditor (read-only): mutation elements hidden/disabled
  3. Data always visible: read-only content renders regardless of permissions

Use setMockPermissions, ADMIN_PERMISSIONS, AUDITOR_PERMISSIONS from test utils.

Process

  1. Find components with usePermissions in $ARGUMENTS
  2. Check for corresponding .test.tsx files
  3. Write missing tests following the pattern above
  4. Fix any failing tests
  5. Run: cd apps/app && bunx vitest run

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

api-endpoint-contract

無料概要あり

APIエンドポイントの追加・変更で、DTO、入力検証、OpenAPI仕様、MCPツールの説明や公開範囲を揃え、エージェントからも扱いやすいAPIに整えます。

  • APIエンドポイントを追加したいとき
  • DTOと入力検証を整えたいとき
  • MCPツールとしてAPIを公開したいとき
trycompai/comp2,0582026年10月24日 更新

audit-design-system

無料概要あり

既存コードのデザインシステム利用状況を調べ、旧UI部品やlucide-reactのアイコンを@trycompai/design-systemの部品・Carbonアイコンへ置き換えるスキルです。

  • 旧UI部品を移行したいとき
  • アイコンをCarbonに置き換えたいとき
  • 画面のデザインシステム準拠を確認するとき
trycompai/comp2,0582026年10月24日 更新

audit-hooks

無料概要あり

指定されたファイルのフックやAPI利用を点検し、禁止パターンをSWRやapiClientなどの指定方式へ修正するための監査手順と実装規約をまとめています。

  • 既存コードのAPI利用を点検したいとき
  • 生のfetchをapiClientに置き換えたいとき
  • 更新処理をSWRのmutateにそろえたいとき
trycompai/comp2,0582026年10月24日 更新

audit-rbac

無料概要あり

NestJSのAPIとフロントエンドを調べ、権限チェックや監査ログのルール違反を修正するための確認項目を示します。

  • APIの権限チェックを点検したいとき
  • 画面操作の権限制御を確認したいとき
  • RBAC違反を修正したいとき
trycompai/comp2,0582026年10月24日 更新

better-auth-best-practices

無料概要あり

Better Authを使ったTypeScript認証の設定を支援し、データベース接続、セッション管理、メール認証、OAuth、プラグインやセキュリティ項目を整理します。

  • Better Authで認証を導入したいとき
  • DBやORMアダプターを接続したいとき
  • セッションの保存方法を設定したいとき
trycompai/comp2,0582026年10月24日 更新

billing

無料概要あり

Stripeを使うサブスクリプションや決済、利用枠、請求Webhookの実装方針を確認し、SKUごとの状態管理や重複イベントへの対応を支援します。

  • 請求SKUや価格を追加・変更したいとき
  • サブスクリプション決済を実装したいとき
  • 請求Webhookの再送に対応したいとき
trycompai/comp2,0582026年10月24日 更新

trycompai のスキルをすべて見る

このスキルの問題を報告する