test(CenterPopup): closeIcon

src/components/center-popup/tests/center-popup.test.tsx

@@ -0,0 +1,42 @@
+import React from 'react'
+import { render, screen, testA11y } from 'testing'
+import ConfigProvider from '../../config-provider'
+import { CenterPopup } from '../center-popup'
+
+describe('center-popup', () => {
+  test('a11y', async () => {
+    await testA11y(<CenterPopup visible>foobar</CenterPopup>)
+  })
+
+  describe('closeIcon', () => {
+    it('default', () => {
+      const { baseElement } = render(
+        <CenterPopup visible showCloseButton>
+          foobar
+        </CenterPopup>
+      )
+      expect(baseElement.querySelector('.antd-mobile-icon')).toBeTruthy()
+    })
+
+    it('custom', () => {
+      render(
+        <CenterPopup visible showCloseButton closeIcon='bamboo'>
+          foobar
+        </CenterPopup>
+      )
+      expect(screen.getByText('bamboo')).toBeVisible()
+    })
+
+    it('context', () => {
+      render(
+        <ConfigProvider popup={{ closeIcon: 'little' }}>
+          <CenterPopup visible showCloseButton>
+            foobar
+          </CenterPopup>
+        </ConfigProvider>
+      )
+
+      expect(screen.getByText('little')).toBeVisible()
+    })
+  })
+})