test: move notice-bar and collapse to rtl

arco-design · Feb 27, 2024 · d2a7532 · d2a7532
1 parent 1fda677
commit d2a7532
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 15 deletions.
diff --git a/packages/arcodesign/components/collapse/__test__/index.spec.js b/packages/arcodesign/components/collapse/__test__/index.spec.js
@@ -6,6 +6,7 @@ import { render } from '@testing-library/react';
 import { act } from 'react-dom/test-utils';
 import { defaultContext } from '../../context-provider';
 import userEvent from '@testing-library/user-event';
+import { pureDelay } from '../../../tests/helpers/utils';
 
 const prefix = `${defaultContext.prefixCls}-collapse`;
 const headerPrefix = `.${prefix}-header`;
@@ -51,9 +52,7 @@ describe('Collapse', () => {
         const header = container.querySelectorAll(headerPrefix)[0];
         userEvent.click(header);
         // 有动画，在这停顿！
-        act(() => {
-            jest.advanceTimersByTime(1000);
-        });
+        pureDelay(1000);
         const content = container.querySelectorAll(contentPrefix)[0];
         const contentStyle = getComputedStyle(content);
         expect(contentStyle.getPropertyValue('height')).toBe('auto');
@@ -106,9 +105,7 @@ describe('Collapse', () => {
                 }
             />,
         );
-        act(() => {
-            jest.advanceTimersByTime(1000);
-        });
+        pureDelay(1000);
         const header = container.querySelectorAll(headerPrefix)[0];
         userEvent.click(header);
         const contentContainer = container.querySelectorAll(containerPrefix)[0];
@@ -125,9 +122,7 @@ describe('Collapse', () => {
         expect(contentStyle.getPropertyValue('height')).toBe('0px');
         const header = container.querySelectorAll(headerPrefix)[0];
         userEvent.click(header);
-        act(() => {
-            jest.advanceTimersByTime(1000);
-        });
+        pureDelay(1000);
         expect(contentStyle.getPropertyValue('height')).toBe('0px');
     });
 
@@ -160,9 +155,7 @@ describe('Collapse', () => {
 
         const header = container.querySelectorAll(headerPrefix)[2];
         userEvent.click(header);
-        act(() => {
-            jest.advanceTimersByTime(1000);
-        });
+        pureDelay(1000);
 
         expect(getContentHeightByIndex(0)).toBe('0px');
         expect(getContentHeightByIndex(1)).toBe('auto');

diff --git a/packages/arcodesign/components/notice-bar/__test__/index.spec.js b/packages/arcodesign/components/notice-bar/__test__/index.spec.js
@@ -9,6 +9,7 @@ import { defaultContext } from '../../context-provider';
 import { defineHtmlRefProperties } from '../../../tests/helpers/mockElement';
 import { render } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { pureDelay } from '../../../tests/helpers/utils';
 
 const { prefixCls } = defaultContext;
 const prefix = `${prefixCls}-notice-bar`;
@@ -98,9 +99,7 @@ describe('NoticeBar actions', () => {
         const noticeBar = container.querySelectorAll(`.${prefix}`)[0];
 
         userEvent.click(noticeBar);
-        act(() => {
-            jest.advanceTimersByTime(2000);
-        });
+        pureDelay(2000);
         const content = container.querySelectorAll(`.${prefix}-content-inner`)[0];
         expect(content.textContent).toBe(longText);
     });