Hide toasts in CI fast

ajuvonen · Dec 13, 2024 · 767c68e · 767c68e
1 parent e1d9cec
commit 767c68e
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 12 deletions.
diff --git a/e2e/log.spec.ts b/e2e/log.spec.ts
@@ -17,12 +17,6 @@ test('logs veggies', async ({page}) => {
     'This Week 2 Veggies',
   );
 
-  const elements = await page.getByTestId('toast-message').all();
-  for (const element of elements) {
-    await element.click();
-  }
-
-  await expect(page.getByTestId('toast-message')).toBeHidden();
   await page.getByTestId('navbar-link-settings').click();
   await page.getByTestId('navbar-link-log').click();
   await expect(page.getByTestId('category-status-chart-center-label')).toHaveText(

diff --git a/e2e/stats.spec.ts b/e2e/stats.spec.ts
@@ -7,10 +7,6 @@ test("shows current week's veggies", async ({page}) => {
   await page.getByText(/^apple$/).click();
   await page.getByText('Apricot').click();
   await page.getByText('Avocado').click();
-  const elements = await page.getByTestId('toast-message').all();
-  for (const element of elements) {
-    await element.click();
-  }
   await page.getByTestId('navbar-link-stats').click();
   await expect(page.getByTestId('tag-apple')).toBeVisible();
   await expect(page.getByTestId('tag-apricot')).toBeVisible();

diff --git a/src/components/ToastMessage.vue b/src/components/ToastMessage.vue
@@ -10,8 +10,8 @@ defineProps<{
 const emit = defineEmits(['close']);
 
 const toastMessage = ref<HTMLDivElement | null>(null);
-
-const {start, stop} = useTimeout(5500, {
+const toastTimeout = import.meta.env.MODE === 'staging' ? 100 : 5500;
+const {start, stop} = useTimeout(toastTimeout, {
   callback: () => emit('close'),
   controls: true,
 });