mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-10 16:32:32 +08:00
230 lines
4.5 KiB
TypeScript
230 lines
4.5 KiB
TypeScript
|
import React = require('react');
|
||
|
import {render} from '@testing-library/react';
|
||
|
import '../../src/themes/default';
|
||
|
import {render as amisRender} from '../../src/index';
|
||
|
import {makeEnv} from '../helper';
|
||
|
|
||
|
test('Renderer:avatar test', () => {
|
||
|
const {container} = render(
|
||
|
amisRender(
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
text: 'AM'
|
||
|
},
|
||
|
{},
|
||
|
makeEnv({})
|
||
|
)
|
||
|
);
|
||
|
expect(container).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('Renderer:avatar icon', () => {
|
||
|
const {container} = render(
|
||
|
amisRender(
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
icon: 'fa fa-user'
|
||
|
},
|
||
|
{},
|
||
|
makeEnv({})
|
||
|
)
|
||
|
);
|
||
|
|
||
|
expect(container).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('Renderer:avatar var', () => {
|
||
|
const {container} = render(
|
||
|
amisRender(
|
||
|
{
|
||
|
data: {
|
||
|
myAvatar: 'https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg'
|
||
|
},
|
||
|
type: 'page',
|
||
|
body: [
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
icon: 'fa fa-user',
|
||
|
src: '$myAvatar'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
icon: 'fa fa-user',
|
||
|
src: '$other'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
src: '$other',
|
||
|
icon: 'fa fa-user',
|
||
|
text: 'avatar'
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
{},
|
||
|
makeEnv({})
|
||
|
)
|
||
|
);
|
||
|
|
||
|
expect(container).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('Renderer:avatar shape', () => {
|
||
|
const {container} = render(
|
||
|
amisRender(
|
||
|
{
|
||
|
type: 'page',
|
||
|
body: [
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
shape: 'square',
|
||
|
text: 'AM'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
shape: 'rounded',
|
||
|
text: 'AM',
|
||
|
style: {
|
||
|
marginLeft: '10px'
|
||
|
}
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
{},
|
||
|
makeEnv({})
|
||
|
)
|
||
|
);
|
||
|
|
||
|
expect(container).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('Renderer:avatar size', () => {
|
||
|
const {container} = render(
|
||
|
amisRender(
|
||
|
{
|
||
|
type: 'page',
|
||
|
body: [
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
size: 'large',
|
||
|
icon: 'fa fa-user'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
size: 'default',
|
||
|
icon: 'fa fa-user'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
size: 'small',
|
||
|
icon: 'fa fa-user'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
size: 60,
|
||
|
src: 'https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
src: 'https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
size: 20,
|
||
|
src: 'https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg'
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
{},
|
||
|
makeEnv({})
|
||
|
)
|
||
|
);
|
||
|
|
||
|
expect(container).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('Renderer:avatar gap', () => {
|
||
|
const {container} = render(
|
||
|
amisRender(
|
||
|
{
|
||
|
type: 'page',
|
||
|
body: [
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
text: 'ejson',
|
||
|
gap: 2
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
text: 'ejson',
|
||
|
gap: 7
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
{},
|
||
|
makeEnv({})
|
||
|
)
|
||
|
);
|
||
|
|
||
|
expect(container).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('Renderer:avatar fit', () => {
|
||
|
const {container} = render(
|
||
|
amisRender(
|
||
|
{
|
||
|
type: 'page',
|
||
|
body: [
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
fit: 'cover',
|
||
|
src: 'https://suda.cdn.bcebos.com/images/amis/plumeria.jpeg'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
fit: 'fill',
|
||
|
src: 'https://suda.cdn.bcebos.com/images/amis/plumeria.jpeg'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
fit: 'contain',
|
||
|
src: 'https://suda.cdn.bcebos.com/images/amis/plumeria.jpeg'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
fit: 'none',
|
||
|
src: 'https://suda.cdn.bcebos.com/images/amis/plumeria.jpeg'
|
||
|
},
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
fit: 'scale-down',
|
||
|
src: 'https://suda.cdn.bcebos.com/images/amis/plumeria.jpeg'
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
{},
|
||
|
makeEnv({})
|
||
|
)
|
||
|
);
|
||
|
|
||
|
expect(container).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('Renderer:avatar style', () => {
|
||
|
const {container} = render(
|
||
|
amisRender(
|
||
|
{
|
||
|
type: 'avatar',
|
||
|
text: 'AM',
|
||
|
style: {
|
||
|
background: '#DB3E35',
|
||
|
color: '#FFFFFF'
|
||
|
}
|
||
|
},
|
||
|
{},
|
||
|
makeEnv({})
|
||
|
)
|
||
|
);
|
||
|
|
||
|
expect(container).toMatchSnapshot();
|
||
|
});
|