test: add test case

Author: zombieJ

src/hooks/useAlign.ts

@@ -644,13 +644,9 @@ export default function useAlign(
 
       // Additional calculate right & bottom position
       const offsetX4Right =
-        popupMirrorRect.right -
-        popupRect.left -
-        (nextOffsetX + popupRect.width);
+        popupMirrorRect.right - popupRect.x - (nextOffsetX + popupRect.width);
       const offsetY4Bottom =
-        popupMirrorRect.bottom -
-        popupRect.top -
-        (nextOffsetY + popupRect.height);
+        popupMirrorRect.bottom - popupRect.y - (nextOffsetY + popupRect.height);
 
       setOffsetInfo({
         ready: true,

tests/align.test.tsx

@@ -23,6 +23,8 @@ describe('Trigger.Align', () => {
         y: 100,
         width: 100,
         height: 100,
+        right: 200,
+        bottom: 200,
       }),
     });
 
@@ -233,4 +235,27 @@ describe('Trigger.Align', () => {
       top: `50px`,
     });
   });
+
+  it('support dynamicInset', async () => {
+    render(
+      <Trigger
+        popupVisible
+        popup={<span className="bamboo" />}
+        popupAlign={{
+          points: ['bc', 'tc'],
+          _experimental: {
+            dynamicInset: true,
+          },
+        }}
+      >
+        <div />
+      </Trigger>,
+    );
+
+    await awaitFakeTimer();
+
+    expect(document.querySelector('.rc-trigger-popup')).toHaveStyle({
+      bottom: `100px`,
+    });
+  });
 });