mirror of
https://github.com/SomboChea/ui
synced 2024-10-01 05:47:50 +07:00
104 lines
2.5 KiB
TypeScript
104 lines
2.5 KiB
TypeScript
|
import React from 'react';
|
||
|
import { mount } from 'enzyme';
|
||
|
import Developers, { DevelopersType } from './Developers';
|
||
|
import { Fab } from './styles';
|
||
|
import { DetailContextProvider } from '../../pages/version/Version';
|
||
|
|
||
|
describe('test Developers', () => {
|
||
|
const packageMeta = {
|
||
|
latest: {
|
||
|
packageName: 'foo',
|
||
|
version: '1.0.0',
|
||
|
maintainers: [
|
||
|
{
|
||
|
name: 'dmethvin',
|
||
|
email: 'dave.methvin@gmail.com',
|
||
|
},
|
||
|
{
|
||
|
name: 'mgol',
|
||
|
email: 'm.goleb@gmail.com',
|
||
|
},
|
||
|
],
|
||
|
contributors: [
|
||
|
{
|
||
|
name: 'dmethvin',
|
||
|
email: 'dave.methvin@gmail.com',
|
||
|
},
|
||
|
{
|
||
|
name: 'mgol',
|
||
|
email: 'm.goleb@gmail.com',
|
||
|
},
|
||
|
],
|
||
|
},
|
||
|
};
|
||
|
|
||
|
test('should render the component with no items', () => {
|
||
|
const type: DevelopersType = 'maintainers';
|
||
|
const packageMeta = {
|
||
|
latest: {},
|
||
|
};
|
||
|
const wrapper = mount(
|
||
|
// @ts-ignore
|
||
|
<DetailContextProvider value={{ packageMeta }}>
|
||
|
<Developers type={type} />
|
||
|
</DetailContextProvider>
|
||
|
);
|
||
|
|
||
|
expect(wrapper).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('should render the component for maintainers with items', () => {
|
||
|
const type: DevelopersType = 'maintainers';
|
||
|
const wrapper = mount(
|
||
|
// @ts-ignore
|
||
|
<DetailContextProvider value={{ packageMeta }}>
|
||
|
<Developers type={type} />
|
||
|
</DetailContextProvider>
|
||
|
);
|
||
|
|
||
|
expect(wrapper).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('should render the component for contributors with items', () => {
|
||
|
const type: DevelopersType = 'contributors';
|
||
|
const wrapper = mount(
|
||
|
// @ts-ignore
|
||
|
<DetailContextProvider value={{ packageMeta }}>
|
||
|
<Developers type={type} />
|
||
|
</DetailContextProvider>
|
||
|
);
|
||
|
|
||
|
expect(wrapper).toMatchSnapshot();
|
||
|
});
|
||
|
|
||
|
test('should test onClick the component avatar', () => {
|
||
|
const type: DevelopersType = 'contributors';
|
||
|
const packageMeta = {
|
||
|
latest: {
|
||
|
packageName: 'foo',
|
||
|
version: '1.0.0',
|
||
|
contributors: [
|
||
|
{
|
||
|
name: 'dmethvin',
|
||
|
email: 'dave.methvin@gmail.com',
|
||
|
},
|
||
|
{
|
||
|
name: 'dmethvin2',
|
||
|
email: 'dave2.methvin@gmail.com',
|
||
|
},
|
||
|
],
|
||
|
},
|
||
|
};
|
||
|
|
||
|
const wrapper = mount(
|
||
|
// @ts-ignore
|
||
|
<DetailContextProvider value={{ packageMeta }}>
|
||
|
<Developers type={type} visibleMax={1} />
|
||
|
</DetailContextProvider>
|
||
|
);
|
||
|
|
||
|
const item2 = wrapper.find(Fab);
|
||
|
item2.simulate('click');
|
||
|
});
|
||
|
});
|