fix playwright test

FranBonath · Sep 27, 2024 · ae58be4 · ae58be4
1 parent 7dcddc1
commit ae58be4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 10 deletions.
diff --git a/sites/main-site/src/components/ThemeSwitch.svelte b/sites/main-site/src/components/ThemeSwitch.svelte
@@ -40,13 +40,7 @@
 </script>
 
 <div class="dropdown" title="Change theme" data-bs-toggle="tooltip" data-bs-placement="bottom">
-    <button
-        class="nav-link dropdown-toggle"
-        type="button"
-        data-bs-toggle="dropdown"
-        aria-expanded="false"
-        title="Change theme"
-    >
+    <button class="nav-link dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
         <i class="theme-icon-light" class:d-none={theme !== 'light'}>
             <slot name="light" />
         </i>

diff --git a/sites/main-site/src/components/component/ComponentParamTable.astro b/sites/main-site/src/components/component/ComponentParamTable.astro
@@ -27,12 +27,12 @@ if (name == 'Input') {
     params.length > 0 && (
         <div class="row border-bottom border-3">
             <div class="col-12 col-md-4 col-xxl-3">
-                <span class="text-body-secondary">
+                <span class="text-body-secondary ps-3">
                     name<span class="ps-0 font-monospace opacity-75 small">:type</span>
                 </span>
             </div>
             <div class="col-12 col-md-7">
-                <span class="text-body-secondary text-start">description</span>
+                <span class="text-body-secondary text-start ps-3">description</span>
             </div>
             <div class="col-12 col-md">
                 <span class="text-body-secondary float-end">pattern</span>

diff --git a/sites/main-site/tests/main-site.spec.ts b/sites/main-site/tests/main-site.spec.ts
@@ -41,7 +41,7 @@ test('dark mode', async ({ page }) => {
     // get background-color value
     const bodyBackgroundColorLight = await page.evaluate(() => getComputedStyle(document.body).backgroundColor);
     //click dark mode dropdown
-    await page.getByRole('button', { name: 'Change theme' }).click();
+    await page.getByRole('button', { name: 'Change theme button' }).click();
     //click dark mode
     await page.getByRole('button', { name: 'dark' }).click();
     const bodyBackgroundColorDark = await page.evaluate(() => getComputedStyle(document.body).backgroundColor);