test: add test case

Author: zombieJ

docs/examples/click-nested.tsx

@@ -82,6 +82,7 @@ const Test = () => {
             // Level 2
             <NestPopup open={open2} setOpen={setOpen2} />
           }
+          fresh
         >
           <span>Click Me</span>
         </Trigger>

src/Popup/index.tsx

@@ -34,6 +34,7 @@ export interface PopupProps {
   open: boolean;
   /** Tell Portal that should keep in screen. e.g. should wait all motion end */
   keepDom: boolean;
+  fresh?: boolean;
 
   // Click
   onClick?: React.MouseEventHandler<HTMLDivElement>;
@@ -76,6 +77,7 @@ const Popup = React.forwardRef<HTMLDivElement, PopupProps>((props, ref) => {
     // Open
     open,
     keepDom,
+    fresh,
 
     // Click
     onClick,
@@ -262,7 +264,9 @@ const Popup = React.forwardRef<HTMLDivElement, PopupProps>((props, ref) => {
                         align={align}
                       />
                     )}
-                    <PopupContent cache={!open}>{childNode}</PopupContent>
+                    <PopupContent cache={!open && !fresh}>
+                      {childNode}
+                    </PopupContent>
                   </div>
                 );
               }}

src/index.tsx

@@ -112,6 +112,13 @@ export interface TriggerProps {
 
   alignPoint?: boolean; // Maybe we can support user pass position in the future
 
+  /**
+   * Trigger will memo content when close.
+   * This may affect the case if want to keep content update.
+   * Set `fresh` to `false` will always keep update.
+   */
+  fresh?: boolean;
+
   // ==================== Arrow ====================
   arrow?: boolean | ArrowTypeOuter;
 
@@ -179,6 +186,7 @@ export function generateTrigger(
       zIndex,
       stretch,
       getPopupClassNameFromAlign,
+      fresh,
 
       alignPoint,
 
@@ -687,6 +695,7 @@ export function generateTrigger(
             // Open
             open={mergedOpen}
             keepDom={inMotion}
+            fresh={fresh}
             // Click
             onClick={onPopupClick}
             // Mask

tests/basic.test.jsx

@@ -1165,4 +1165,30 @@ describe('Trigger.Basic', () => {
     trigger(container, '.popup', 'mouseEnter');
     expect(onPopupVisibleChange).not.toHaveBeenCalled();
   });
+
+  // https://gith(ub.com/ant-design/ant-design/issues/44830
+  it('fresh should work', () => {
+    const Demo = () => {
+      const [open, setOpen] = React.useState(true);
+
+      return (
+        <Trigger
+          popupVisible={open}
+          onPopupVisibleChange={setOpen}
+          popup={<strong className="x-content">{String(open)}</strong>}
+          action={['click']}
+          popupAlign={placementAlignMap.left}
+          fresh
+        >
+          <div className="target">click</div>
+        </Trigger>
+      );
+    };
+
+    const { container } = render(<Demo />);
+    expect(document.querySelector('.x-content').textContent).toBe('true');
+
+    trigger(container, '.target');
+    expect(document.querySelector('.x-content').textContent).toBe('false');
+  });
 });