Adding default placement and testing.

MetroStar · Dec 27, 2024 · 6248f68 · 6248f68
1 parent b71acaa
commit 6248f68
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/packages/comet-extras/src/components/toast/toast.stories.tsx b/packages/comet-extras/src/components/toast/toast.stories.tsx
@@ -68,6 +68,7 @@ Default.args = {
   id: 'toast-info',
   message: 'This is a toast notification',
   type: 'info',
+  placement: 'topRight',
   duration: 3000,
   allowClose: true,
 };
diff --git a/packages/comet-extras/src/components/toast/toast.test.tsx b/packages/comet-extras/src/components/toast/toast.test.tsx
@@ -19,6 +19,32 @@ describe('Toast Component Tests', () => {
     expect(container.querySelector('#test-toast')).toHaveClass('toast--info');
   });
 
+  test('should render a Toast notification from the top left', () => {
+    const { container } = render(
+      <Toast
+        id="test-toast"
+        placement="topLeft"
+        message="Testing message for notification"
+        type="info"
+      />,
+    );
+    expect(container.querySelector('#test-toast')).toBeTruthy();
+    expect(container.querySelector('#test-toast')).toHaveClass('toast--topLeft');
+  });
+
+  test('should render a Toast notification from the bottom right', () => {
+    const { container } = render(
+      <Toast
+        id="test-toast"
+        placement="bottomRight"
+        message="Testing message for notification"
+        type="info"
+      />,
+    );
+    expect(container.querySelector('#test-toast')).toBeTruthy();
+    expect(container.querySelector('#test-toast')).toHaveClass('toast--bottomRight');
+  });
+
   test('should render a warning Toast notification', () => {
     const { container } = render(
       <Toast id="test-toast" message="Testing message for notification" type="warning" />,