Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render, mockDelay, simulateKeydownEvent } from '@test/utils';
import { fireEvent, mockDelay, render, simulateKeydownEvent, vi } from '@test/utils';

import { AutoComplete } from '..';
import { getNormalAutoCompleteMount, getOptionSlotAutoCompleteMount } from './mount';

Expand Down
5 changes: 3 additions & 2 deletions packages/components/avatar/__tests__/mount.jsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react';
import { render } from '@test/utils';

import { Avatar } from '..';

// Avatar 数量变化会影响测试用例结果
Expand All @@ -8,10 +9,10 @@ export function getAvatarGroupDefaultMount(AvatarGroup, props, events) {
<AvatarGroup {...props} {...events}>
<Avatar image="https://tdesign.gtimg.com/site/avatar.jpg" />
<Avatar>W</Avatar>
<Avatar icon={() => <i class="custom-node"></i>} />
<Avatar icon={() => <i className="custom-node"></i>} />
<Avatar size="small">TD</Avatar>
<Avatar size="large">ME</Avatar>
</AvatarGroup>
</AvatarGroup>,
);
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render, mockDelay, simulateImageEvent } from '@test/utils';
import { fireEvent, mockDelay, render, simulateImageEvent, vi } from '@test/utils';

import { Avatar, AvatarGroup } from '..';
import { getAvatarGroupDefaultMount } from './mount';

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render } from '@test/utils';
import { fireEvent, render, vi } from '@test/utils';

import { BackTop } from '..';

describe('BackTop Component', () => {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render } from '@test/utils';
import { fireEvent, render, vi } from '@test/utils';

import { Button } from '..';

describe('Button Component', () => {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
*/
import React from 'react';
import { render } from '@test/utils';

import { Divider } from '..';

describe('Divider Component', () => {
Expand Down
17 changes: 9 additions & 8 deletions packages/components/guide/__tests__/mount.jsx
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import React from 'react';
import { render } from '@test/utils';
import Input from '../../input';

import Button from '../../button';
import { Row } from '../../grid';
import Input from '../../input';

function GuideContent() {
return (
Expand Down Expand Up @@ -56,7 +57,7 @@ export function getGuideDefaultMount(Guide, props, events) {
<div>
<GuideContent />
<Guide current={0} steps={STEPS.slice(0, 1)} {...props} {...events}></Guide>
</div>
</div>,
);
}

Expand All @@ -66,32 +67,32 @@ export function getGuideMultipleStepsMount(Guide, props, events) {
<div>
<GuideContent />
<Guide steps={STEPS} {...props} {...events}></Guide>
</div>
</div>,
);
}

// custom step props
export function getCustomGuideStepMount(Guide, props) {
const steps = [{ ...STEPS[0], ...props}]
const steps = [{ ...STEPS[0], ...props }];
return render(
<div>
<GuideContent />
<Guide current={0} steps={steps}></Guide>
</div>
</div>,
);
}

// custom multiple step props
export function getCustomMultipleGuideStepMount(Guide, props) {
const { current = 0, ...guideStepProps } = props;
let steps = [...STEPS];
const steps = [...STEPS];
steps[current] = { ...STEPS[current], ...guideStepProps };
return render(
<div>
<GuideContent />
<Guide current={current} steps={steps}></Guide>
</div>
</div>,
);
}

export default {}
export default {};
7 changes: 4 additions & 3 deletions packages/components/guide/__tests__/vitest-guide.test.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,14 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render, mockDelay } from '@test/utils';
import { fireEvent, mockDelay, render, vi } from '@test/utils';

import { Guide } from '..';
import {
getGuideDefaultMount,
getGuideMultipleStepsMount,
getCustomGuideStepMount,
getCustomMultipleGuideStepMount,
getGuideDefaultMount,
getGuideMultipleStepsMount,
} from './mount';

describe('Guide Component', () => {
Expand Down
32 changes: 15 additions & 17 deletions packages/components/image/__tests__/lazy.test.jsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
import React from 'react';
import { fireEvent, render, mockIntersectionObserver } from '@test/utils';
import { Image } from '..';
import { fireEvent, mockIntersectionObserver, render } from '@test/utils';

import Space from '../../space';
import { Image } from '..';

describe('Image Component', () => {
beforeAll(() => {
Expand All @@ -17,7 +18,7 @@ describe('Image Component', () => {
callback([{ isIntersecting: true }]);
}
});
}
};
mockIntersectionObserver({}, { observe });
});

Expand All @@ -26,24 +27,21 @@ describe('Image Component', () => {

const { container } = render(
<Space style={{ height: 240, width: 240, overflow: 'hidden', overflowY: 'scroll', paddingTop: 500 }}>
{
Array.from({ length: 16 }).map((_, index) => (
<Image
key={index}
src="https://tdesign.gtimg.com/demo/demo-image-1.png"
style={{ width: 230, height: 120 }}
lazy
/>
))
}
</Space>
{Array.from({ length: 16 }).map((_, index) => (
<Image
key={index}
src="https://tdesign.gtimg.com/demo/demo-image-1.png"
style={{ width: 230, height: 120 }}
lazy
/>
))}
</Space>,
);

const spaceElement = container.querySelector('.t-space');
fireEvent.scroll(spaceElement, { target: { scrollY: 400 } });
// 滚动后,第一张图片会加载,但后面的图片不会加载
expect(spaceElement.firstChild.querySelector('img')).not.toBeNull()
expect(spaceElement.lastChild.querySelector('img')).toBeNull()

expect(spaceElement.firstChild.querySelector('img')).not.toBeNull();
expect(spaceElement.lastChild.querySelector('img')).toBeNull();
});
});
6 changes: 3 additions & 3 deletions packages/components/image/__tests__/mount.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,16 +2,16 @@ import React from 'react';
import { render } from '@test/utils';

function ImageOverlay() {
return <div className='custom-preview-node'>预览</div>
return <div className="custom-preview-node">预览</div>;
}

export function getOverlayImageMount(Image, props, events) {
return render(
<Image
src='https://tdesign.gtimg.com/demo/demo-image-1.png'
src="https://tdesign.gtimg.com/demo/demo-image-1.png"
overlayContent={<ImageOverlay />}
{...props}
{...events}
></Image>
></Image>,
);
}
3 changes: 2 additions & 1 deletion packages/components/image/__tests__/vitest-image.test.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render, mockDelay, simulateImageEvent } from '@test/utils';
import { fireEvent, mockDelay, render, simulateImageEvent, vi } from '@test/utils';

import { Image } from '..';
import { getOverlayImageMount } from './mount';

Expand Down
1 change: 1 addition & 0 deletions packages/components/input/__tests__/mount.jsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react';
import { render } from '@test/utils';

import { Input } from '..';

export function getInputGroupDefaultMount(InputGroup, props) {
Expand Down
3 changes: 2 additions & 1 deletion packages/components/input/__tests__/vitest-input.test.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render, mockDelay, simulateInputChange } from '@test/utils';
import { fireEvent, mockDelay, render, simulateInputChange, vi } from '@test/utils';

import { Input, InputGroup } from '..';
import { getInputGroupDefaultMount } from './mount';

Expand Down
3 changes: 2 additions & 1 deletion packages/components/link/__tests__/vitest-link.test.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render } from '@test/utils';
import { fireEvent, render, vi } from '@test/utils';

import { Link } from '..';

describe('Link Component', () => {
Expand Down
3 changes: 2 additions & 1 deletion packages/components/message/__tests__/message.test.jsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import React from 'react';
import { fireEvent, mockTimeout, render, vi, waitFor } from '@test/utils';
import {
CheckCircleFilledIcon,
ErrorCircleFilledIcon,
Expand All @@ -8,6 +7,8 @@ import {
InfoCircleFilledIcon,
LoadingIcon,
} from 'tdesign-icons-react';
import { fireEvent, mockTimeout, render, vi, waitFor } from '@test/utils';

import Message, { MessagePlugin } from '../index';

const defaultMessage = '默认的message';
Expand Down
1 change: 1 addition & 0 deletions packages/components/radio/__tests__/mount.jsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react';
import { render } from '@test/utils';

import { Radio } from '..';

// options 写法
Expand Down
5 changes: 3 additions & 2 deletions packages/components/radio/__tests__/vitest-radio.test.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,10 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render } from '@test/utils';
import { fireEvent, render, vi } from '@test/utils';

import { Radio, RadioGroup } from '..';
import { getRadioGroupKidsMount, getRadioGroupDefaultMount } from './mount';
import { getRadioGroupDefaultMount, getRadioGroupKidsMount } from './mount';

describe('Radio Component', () => {
it('props.allowUncheck works fine', () => {
Expand Down
14 changes: 2 additions & 12 deletions packages/components/select-input/__tests__/mount.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const OPTIONS = [
function Panel() {
return (
<ul className="t-select-input__panel">
{OPTIONS.map(item => (
{OPTIONS.map((item) => (
<li key={item.value}>
<img src="https://tdesign.gtimg.com/demo/demo-image-1.png" />
{item.label}
Expand All @@ -33,15 +33,5 @@ const value = [

// single select
export function getSelectInputMultipleMount(SelectInput, props, events) {
return render(
<SelectInput
value={value}
multiple={true}
panel={(
<Panel />
)}
{...props}
{...events}
></SelectInput>
);
return render(<SelectInput value={value} multiple={true} panel={<Panel />} {...props} {...events}></SelectInput>);
}
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';
import { fireEvent, vi, render, mockDelay } from '@test/utils';
import { fireEvent, mockDelay, render, vi } from '@test/utils';

import { SelectInput } from '..';
import { getSelectInputMultipleMount } from './mount';

Expand Down
3 changes: 2 additions & 1 deletion packages/components/space/__tests__/mount.jsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react';
import { render } from '@test/utils';

import { Button } from '../../button';

export function getSpaceDefaultMount(Space, props, events) {
Expand All @@ -8,7 +9,7 @@ export function getSpaceDefaultMount(Space, props, events) {
<Button>Text</Button>
<Button>Text</Button>
<Button>Text</Button>
</Space>
</Space>,
);
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
* If you need to modify this file, contact PMC first please.
*/
import React from 'react';

import { Space } from '..';
import { getSpaceDefaultMount } from './mount';

Expand Down
5 changes: 3 additions & 2 deletions packages/components/table/__tests__/expand.test.jsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import React from 'react';
import { fireEvent, render, vi } from '@test/utils';
import { Table, PrimaryTable, EnhancedTable } from '..';

import { EnhancedTable, PrimaryTable, Table } from '..';

const data = new Array(5).fill(null).map((item, index) => ({
id: index + 100,
Expand Down Expand Up @@ -36,7 +37,7 @@ TABLES.forEach((TTable) => {
expandedRow={() => <div>expanded row</div>}
></TTable>,
);
expect(container.querySelector('.t-table__expandable-icon-cell')).toBeTruthy();
expect(container.querySelector(EXPAND_CELL)).toBeTruthy();
expect(container.querySelector('.t-table__expanded-row')).toBeFalsy();
});

Expand Down
Loading
Loading