fix(OnyxToast): changed order of new toasts (#2417)

- new toasts are added to the bottom
SchwarzIT · Dec 28, 2024 · a1dcd73 · a1dcd73
1 parent acb5826
commit a1dcd73
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/sit-onyx/src/components/OnyxToast/OnyxToast.ct.tsx b/packages/sit-onyx/src/components/OnyxToast/OnyxToast.ct.tsx
@@ -20,7 +20,7 @@ Object.entries(ONYX_BREAKPOINTS).forEach(([breakpoint, width]) => {
     await expect(component).toContainText("Example toast 1");
 
     // ACT
-    await component.getByLabel("Close").nth(4).click();
+    await component.getByLabel("Close").first().click();
 
     // ASSERT
     await expect(component).not.toContainText("Example toast 1");

diff --git a/packages/sit-onyx/src/components/OnyxToast/useToast.spec.ts b/packages/sit-onyx/src/components/OnyxToast/useToast.spec.ts
@@ -12,13 +12,13 @@ describe("useToast", () => {
 
     expect(provider.toasts.value).toStrictEqual([
       {
-        id: 2,
-        headline: "Test 2",
+        id: 1,
+        headline: "Test 1",
         onClose: expect.any(Function),
       },
       {
-        id: 1,
-        headline: "Test 1",
+        id: 2,
+        headline: "Test 2",
         onClose: expect.any(Function),
       },
     ]);

diff --git a/packages/sit-onyx/src/components/OnyxToast/useToast.ts b/packages/sit-onyx/src/components/OnyxToast/useToast.ts
@@ -55,7 +55,7 @@ export const createToastProvider = (): ToastProvider => {
   const show: ToastProvider["show"] = (toast: ShowToastOptions) => {
     const id = nextId++;
 
-    toasts.value.unshift({
+    toasts.value.push({
       ...toast,
       id,
       onClose: () => remove(id),