ant-design · liangchaofei · Jul 24, 2024 · Jul 24, 2024 · Jul 30, 2024 · Jul 30, 2024
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/button/button.less b/src/components/button/button.less
@@ -91,6 +91,9 @@
   &-warning {
     --color: var(--adm-color-warning);
   }
+  &-link {
+    color: var(--adm-color-primary);
+  }
 
   &-block {
     display: block;

diff --git a/src/components/button/button.tsx b/src/components/button/button.tsx
@@ -1,15 +1,15 @@
-import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react'
+import classNames from 'classnames'
 import type {
-  ReactNode,
   ButtonHTMLAttributes,
   DetailedHTMLProps,
   MouseEventHandler,
+  ReactNode,
 } from 'react'
-import classNames from 'classnames'
-import DotLoading from '../dot-loading'
-import { mergeProps } from '../../utils/with-default-props'
+import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react'
 import { NativeProps, withNativeProps } from '../../utils/native-props'
 import { isPromise } from '../../utils/validate'
+import { mergeProps } from '../../utils/with-default-props'
+import DotLoading from '../dot-loading'
 
 const classPrefix = `adm-button`
 
@@ -19,7 +19,7 @@ type NativeButtonProps = DetailedHTMLProps<
 >
 
 export type ButtonProps = {
-  color?: 'default' | 'primary' | 'success' | 'warning' | 'danger'
+  color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'link'
   fill?: 'solid' | 'outline' | 'none'
   size?: 'mini' | 'small' | 'middle' | 'large'
   block?: boolean

diff --git a/src/components/button/demos/demo1.tsx b/src/components/button/demos/demo1.tsx
@@ -1,6 +1,6 @@
-import React from 'react'
 import { Button, Space } from 'antd-mobile'
 import { DemoBlock } from 'demos'
+import React from 'react'
 
 export default () => {
   return (
@@ -55,6 +55,7 @@ export default () => {
           <Button color='success'>Success</Button>
           <Button color='danger'>Danger</Button>
           <Button color='warning'>Warning</Button>
+          <Button color='link'>Link</Button>
         </Space>
       </DemoBlock>
     </>

diff --git a/src/components/button/tests/button.test.tsx b/src/components/button/tests/button.test.tsx
@@ -1,15 +1,15 @@
 import React, { createRef } from 'react'
 import {
+  act,
+  fireEvent,
   render,
-  testA11y,
   screen,
-  fireEvent,
   sleep,
+  testA11y,
   waitFor,
-  act,
 } from 'testing'
-import Button from '../'
 import type { ButtonRef } from '..'
+import Button from '../'
 
 const classPrefix = `adm-button`
 
@@ -25,6 +25,7 @@ describe('Button', () => {
         <Button color='success'>Success</Button>
         <Button color='danger'>Danger</Button>
         <Button color='warning'>Warning</Button>
+        <Button color='link'>Link</Button>
       </>
     )
     expect(getByText('Primary').closest('button')).toHaveClass(
@@ -39,6 +40,9 @@ describe('Button', () => {
     expect(getByText('Warning').closest('button')).toHaveClass(
       `${classPrefix}-warning`
     )
+    expect(getByText('Link').closest('button')).toHaveClass(
+      `${classPrefix}-link`
+    )
   })
 
   test('renders with fill', () => {

diff --git a/src/components/calendar-picker/tests/calendar-picker.test.tsx b/src/components/calendar-picker/tests/calendar-picker.test.tsx
    )

    // Trigger scroll
    ref.current!.jumpToToday()
    act(() => {
      jest.runAllTimers()
    })
diff --git a/src/components/config-provider/tests/config-provider.test.tsx b/src/components/config-provider/tests/config-provider.test.tsx
    }
    render(<Demo />)

    expect(Object.keys(config!)).toEqual(['locale'])
  })
 })
diff --git a/src/components/date-picker/date-picker-date-utils.ts b/src/components/date-picker/date-picker-date-utils.ts
  // Till Now
  if (tillNow) {
    ret[0].push({
      label: renderLabel('now', null!),
      value: TILL_NOW,
    })

diff --git a/src/components/form/tests/form.test.tsx b/src/components/form/tests/form.test.tsx
      </div>
    )

    fireEvent.click(container.querySelector('.adm-form-item-label-help')!)
    expect(onClick).not.toHaveBeenCalled()

    // Click input
    fireEvent.click(container.querySelector('input')!)
    expect(onClick).toHaveBeenCalled()

    jest.useRealTimers()
diff --git a/src/components/input/tests/input.test.tsx b/src/components/input/tests/input.test.tsx
  test('numbers that start with 0 should be work', () => {
    const ref = createRef<InputRef>()
    render(<Input type='number' ref={ref} />)
    const input = document.querySelector('input')!
    fireEvent.change(input, {
      target: { value: '012' },
    })
diff --git a/src/components/popover/tests/popover.test.tsx b/src/components/popover/tests/popover.test.tsx
    ).toEqual('Bamboo')

    // Not close
    fireEvent.touchMove(document.querySelector('.adm-popover-inner-content')!)
    expect(document.querySelector('.adm-popover-hidden')).toBeFalsy()

    // Close
diff --git a/src/components/stepper/tests/stepper.test.tsx b/src/components/stepper/tests/stepper.test.tsx
    fireEvent.click(plusButton)

    expect(onChange).toHaveBeenCalledWith('0.000000000000003')
    expect(container.querySelector('input')!.value).toEqual('0.000000000000003')
  })
 })
diff --git a/src/components/text-area/tests/text-area.test.tsx b/src/components/text-area/tests/text-area.test.tsx
    const maxRows = 5
    const { getByRole } = render(<TextArea autoSize={{ minRows, maxRows }} />)
    const textarea = getByRole('textbox')
    const hiddenTextarea = document.querySelector(
      `.${classPrefix}-element-hidden`
    )!
    // mock

  test('set rows should be work', () => {
    const { getByRole } = render(<TextArea rows={1} autoSize />)
    const hiddenTextarea = document.querySelector(
      `.${classPrefix}-element-hidden`
    )!
    const textarea = getByRole('textbox')
	)

	// Trigger scroll
	ref.current!.jumpToToday()
Check warning on line 62 in src/components/calendar-picker/tests/calendar-picker.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	act(() => {
	jest.runAllTimers()
	})
	}
	render(<Demo />)

	expect(Object.keys(config!)).toEqual(['locale'])
Check warning on line 124 in src/components/config-provider/tests/config-provider.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	})
	})
	// Till Now
	if (tillNow) {
	ret[0].push({
	label: renderLabel('now', null!),
Check warning on line 173 in src/components/date-picker/date-picker-date-utils.ts GitHub Actions / check `Forbidden non-null assertion`
	value: TILL_NOW,
	})
	</div>
	)

	fireEvent.click(container.querySelector('.adm-form-item-label-help')!)
Check warning on line 349 in src/components/form/tests/form.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	expect(onClick).not.toHaveBeenCalled()

	// Click input
	fireEvent.click(container.querySelector('input')!)
Check warning on line 353 in src/components/form/tests/form.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	expect(onClick).toHaveBeenCalled()

	jest.useRealTimers()
	test('numbers that start with 0 should be work', () => {
	const ref = createRef<InputRef>()
	render(<Input type='number' ref={ref} />)
	const input = document.querySelector('input')!
Check warning on line 198 in src/components/input/tests/input.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	fireEvent.change(input, {
	target: { value: '012' },
	})
	).toEqual('Bamboo')

	// Not close
	fireEvent.touchMove(document.querySelector('.adm-popover-inner-content')!)
Check warning on line 20 in src/components/popover/tests/popover.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	expect(document.querySelector('.adm-popover-hidden')).toBeFalsy()

	// Close
	fireEvent.click(plusButton)

	expect(onChange).toHaveBeenCalledWith('0.000000000000003')
	expect(container.querySelector('input')!.value).toEqual('0.000000000000003')
Check warning on line 255 in src/components/stepper/tests/stepper.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	})
	})
	const maxRows = 5
	const { getByRole } = render(<TextArea autoSize={{ minRows, maxRows }} />)
	const textarea = getByRole('textbox')
	const hiddenTextarea = document.querySelector(
Check warning on line 36 in src/components/text-area/tests/text-area.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	`.${classPrefix}-element-hidden`
	)!
	// mock

	test('set rows should be work', () => {
	const { getByRole } = render(<TextArea rows={1} autoSize />)
	const hiddenTextarea = document.querySelector(
Check warning on line 126 in src/components/text-area/tests/text-area.test.tsx GitHub Actions / check `Forbidden non-null assertion`
	`.${classPrefix}-element-hidden`
	)!
	const textarea = getByRole('textbox')