From 8ffa0ed19a0a12582255ea85e17a8b37f79e4785 Mon Sep 17 00:00:00 2001
From: WhyAsh5114 <whyash5114@gmail.com>
Date: Fri, 22 Dec 2023 12:54:02 +0530
Subject: [PATCH] better wording and added a testid to close modal button

---
 src/lib/components/MyModal.svelte                | 4 +++-
 src/routes/mesocycles/[mode]/extras/+page.svelte | 2 +-
 tests/mesocycles/create.spec.ts                  | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/MyModal.svelte b/src/lib/components/MyModal.svelte
index 4b9bb202..7e6e7d12 100644
--- a/src/lib/components/MyModal.svelte
+++ b/src/lib/components/MyModal.svelte
@@ -20,7 +20,9 @@
   on:close={onClose}
 >
   <form class="modal-box bg-primary text-white" method="dialog">
-    <button class="btn btn-sm btn-circle absolute right-2 top-2">✕</button>
+    <button class="btn btn-sm btn-circle absolute right-2 top-2" data-testid="close-modal-button">
+      ✕
+    </button>
     <h2 class="font-bold text-lg {titleColor} mb-5">{title}</h2>
     <slot />
   </form>
diff --git a/src/routes/mesocycles/[mode]/extras/+page.svelte b/src/routes/mesocycles/[mode]/extras/+page.svelte
index 15fb6486..ec2fe31a 100644
--- a/src/routes/mesocycles/[mode]/extras/+page.svelte
+++ b/src/routes/mesocycles/[mode]/extras/+page.svelte
@@ -228,6 +228,6 @@
   {:else if !data.mesocycleTemplate}
     Create mesocycle
   {:else if data.mesocycleTemplate}
-    Edit mesocycle
+    Update mesocycle
   {/if}
 </button>
diff --git a/tests/mesocycles/create.spec.ts b/tests/mesocycles/create.spec.ts
index aa4baa84..ebe7dfd1 100644
--- a/tests/mesocycles/create.spec.ts
+++ b/tests/mesocycles/create.spec.ts
@@ -116,7 +116,7 @@ test("should successfully create a mesocycle", async ({ page }) => {
   // Create the mesocycle
   await page.getByRole("button", { name: "Create mesocycle" }).click();
   await expect(page.locator("#Success")).toContainText("✕ Success Mesocycle created successfully");
-  await page.locator("#Success").getByRole("button", { name: "✕" }).click();
+  await page.locator("#Success").getByTestId("close-modal-button").click();
 });
 
 test("should show the created mesocycle", async ({ page }) => {