diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 1c777259d2..723dde27a4 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -224,7 +224,12 @@ pnpm --filter frontend test
 pnpm --filter misskey-js test
 ```
 
-Backend tests require manual preparation of servers. See the next section for more on this.
+Backend tests require manual preparation of servers. See the [Backend](#backend) section for more on this.
+
+### Frontend
+There are two types of tests for UI components:
+- Tests dealing with the DOM using Testing Library: [`/packages/frontend/test/dom`](/packages/frontend/test/dom)
+- Unit tests for Vue components using Vue Test Utils: [`/packages/frontend/test/vue`](/packages/frontend/test/vue)
 
 ### Backend
 There are three types of test codes for the backend:
diff --git a/packages/frontend/test/components/MkInput.test.ts b/packages/frontend/test/dom/components/MkInput.test.ts
similarity index 100%
rename from packages/frontend/test/components/MkInput.test.ts
rename to packages/frontend/test/dom/components/MkInput.test.ts
diff --git a/packages/frontend/test/components/MkAsUi.test.ts b/packages/frontend/test/vue/components/MkAsUi.test.ts
similarity index 100%
rename from packages/frontend/test/components/MkAsUi.test.ts
rename to packages/frontend/test/vue/components/MkAsUi.test.ts