fix: placement cls

react-component · May 6, 2022 · 6a09160 · 6a09160 · vercel · May 6, 2022
1 parent 0568651
commit 6a09160
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/Notifications.tsx b/src/Notifications.tsx
@@ -132,7 +132,7 @@ const Notifications = React.forwardRef<NotificationsRef, NotificationsProps>((pr
         return (
           <CSSMotionList
             key={placement}
-            className={classNames(prefixCls, `${prefixCls}-topRight`)}
+            className={classNames(prefixCls, `${prefixCls}-${placement}`)}
             style={style?.(placement)}
             keys={keys}
             motionAppear

diff --git a/tests/index.test.tsx b/tests/index.test.tsx
@@ -492,4 +492,16 @@ describe('Notification.Basic', () => {
       content: 'little',
     });
   });
+
+  it('placement', () => {
+    const { instance } = renderDemo();
+
+    act(() => {
+      instance.open({
+        placement: 'bottomLeft',
+      });
+    });
+
+    expect(document.querySelector('.rc-notification')).toHaveClass('rc-notification-bottomLeft');
+  });
 });