feat: 兼容rsuite@5 Modal (#14)

* update: 兼容rsuite@5 Modal

* update：更新rsuite版本

* update：兼容低版本rsuite

* update: test case

* fix: rsuite@3 Compatibility

* update: rsuite@5

* update: 测试兼容rsuite@4/@5

* bugfixed: 修复环境变量注入

Co-authored-by: sun <qiang.sun@mail.hypers.com>

__tests__/alert.js

@@ -13,9 +13,7 @@ let okButton;
 async function openAlert(message, options) {
   await closeAlert();
   alert(message, options);
-  modal = (await screen.findAllByRole('dialog')).find((div) =>
-    div.classList.contains('rs-modal')
-  );
+  modal = (await screen.findByText(message)).closest('.rs-modal');
   okButton = modal.querySelector('.rs-btn-primary');
 }
 

__tests__/confirm.js

@@ -64,9 +64,7 @@ describe('resolves correctly', () => {
 
   beforeEach(async () => {
     promise = confirm('Message');
-    modal = (await screen.findAllByRole('dialog')).find((div) =>
-      div.classList.contains('rs-modal')
-    );
+    modal = (await screen.findByText('Message')).closest('.rs-modal');
     okButton = modal.querySelector('.rs-btn-primary');
     cancelButton = modal.querySelector('.rs-btn-default');
   });

__tests__/prompt.js

@@ -73,9 +73,7 @@ describe('resolves correctly', () => {
   const inputValue = 'Input value';
   beforeEach(async () => {
     promise = prompt('Message');
-    modal = (await screen.findAllByRole('dialog')).find((div) =>
-      div.classList.contains('rs-modal')
-    );
+    modal = (await screen.findByText('Message')).closest('.rs-modal');
     input = modal.querySelector('input');
     userEvent.type(input, inputValue);
   });

jest.setup.js

@@ -1 +1,27 @@
 import '@testing-library/jest-dom';
+
+if (process.env.RSUITE === '5') {
+  jest.mock(
+    'date-fns/_lib/toInteger/index.js',
+    () => {
+      return jest.requireActual('date-fns2/_lib/toInteger/index.js');
+    },
+    { virtual: true }
+  );
+
+  jest.mock(
+    'date-fns/_lib/cloneObject',
+    () => {
+      return jest.requireActual('date-fns2/_lib/cloneObject');
+    },
+    { virtual: true }
+  );
+
+  jest.mock('rsuite', () => {
+    return jest.requireActual('rsuite5');
+  });
+} else {
+  jest.mock('rsuite', () => {
+    return jest.requireActual('rsuite4');
+  });
+}