ant-design/components/mentions/__tests__/demo.test.tsx
叶枫 502dac12aa
docs: format code (#48309)
* docs: fix code

* feat: lint

* feat: prettier

* feat: test

* feat: review

* feat: format html

* feat: format html
2024-04-08 14:04:08 +08:00

43 lines
875 B
TypeScript

import * as React from 'react';
import demoTest, { rootPropsTest } from '../../../tests/shared/demoTest';
import { fireEvent } from '../../../tests/utils';
demoTest('mentions', {
testRootProps: false,
});
rootPropsTest(
'mentions',
(Mentions, props) => (
<Mentions
{...props}
value="@"
options={[
{
value: 'afc163',
label: 'afc163',
},
]}
/>
),
{
afterRender: (container) => {
const char = '@';
const myKeyEvent = {
which: char.charCodeAt(0),
key: char,
target: {
value: char,
selectionStart: char.length,
},
};
fireEvent.keyDown(container.querySelector('textarea')!, myKeyEvent);
},
findRootElements: () => document.querySelectorAll('.ant-mentions, .ant-mentions-dropdown'),
expectCount: 2,
},
);