From 985422058ca2ebb933bb4727f8b9dff7468ffe8b Mon Sep 17 00:00:00 2001
From: hwakabh <hrykwkbys1024@gmail.com>
Date: Thu, 28 Nov 2024 17:47:57 +0900
Subject: [PATCH] tests: fixed tests without component props.

---
 web-frontend/src/components/FooterContent.vue |  8 +++++++-
 web-frontend/tests/FooterContent.test.js      | 18 ++++++++++++++++++
 web-frontend/tests/HelloWorld.test.js         | 16 ----------------
 3 files changed, 25 insertions(+), 17 deletions(-)
 create mode 100644 web-frontend/tests/FooterContent.test.js
 delete mode 100644 web-frontend/tests/HelloWorld.test.js

diff --git a/web-frontend/src/components/FooterContent.vue b/web-frontend/src/components/FooterContent.vue
index 8c5cbb7f..f659deb4 100644
--- a/web-frontend/src/components/FooterContent.vue
+++ b/web-frontend/src/components/FooterContent.vue
@@ -1,7 +1,13 @@
+<script setup>
+// Required for vitest using `__name` props
+const props = defineProps({});
+</script>
+
 <template>
   <div class="inner">
     <ul class="menu">
-      <li>&copy; Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+      <li>&copy; Untitled. All rights reserved.</li>
+      <li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
     </ul>
   </div>
 <!-- <p class="copyright">(c) 2024 hwakabh All Right Reserved.</p> -->
diff --git a/web-frontend/tests/FooterContent.test.js b/web-frontend/tests/FooterContent.test.js
new file mode 100644
index 00000000..81adb4d1
--- /dev/null
+++ b/web-frontend/tests/FooterContent.test.js
@@ -0,0 +1,18 @@
+import FooterContent from "@/components/FooterContent.vue";
+import { describe, expect, test } from "vitest";
+import { shallowMount } from "@vue/test-utils";
+
+describe("component: FooterComponent.vue", () => {
+  test("Component name should be correct", async () => {
+    expect("FooterContent").toBe(FooterContent.__name)
+  })
+  test("Component can accept value as props and render as HTML", async () => {
+    const expected = "© Untitled. All rights reserved.Design: HTML5 UP";
+    const wrapper = shallowMount(FooterContent)
+    // // if compoenents has props
+    // const wrapper = shallowMount(FooterContent, { props: {
+    //   msg: "Hi, there!"
+    // }});
+    expect(wrapper.text()).toContain(expected);
+  })
+});
diff --git a/web-frontend/tests/HelloWorld.test.js b/web-frontend/tests/HelloWorld.test.js
deleted file mode 100644
index c18d4716..00000000
--- a/web-frontend/tests/HelloWorld.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import HelloWorld from "@/components/HelloWorld.vue";
-import { describe, expect, test } from "vitest";
-import { shallowMount } from "@vue/test-utils";
-
-describe("component: HelloWorld.vue", () => {
-  test("Component name should be HelloWorld", async () => {
-    expect("HelloWorld").toBe(HelloWorld.__name)
-  })
-  test("Component can accept value as props and render as HTML", async () => {
-    const expected = "Hi, there!";
-    const wrapper = shallowMount(HelloWorld, { props: {
-      msg: "Hi, there!"
-    }});
-    expect(wrapper.text()).toContain(expected);
-  })
-});