1
0
Fork 1
mirror of https://github.com/SomboChea/ui synced 2024-06-18 17:29:43 +07:00
verdaccio-ui/test/unit/components/package.spec.js
Juan Picado @jotadeveloper 9d7be476ad chore: relocate unit test (#39)
add new json snapshot serializer
2019-05-01 21:02:46 +02:00

87 lines
2.2 KiB
JavaScript

/**
* Package component
*/
import React from 'react';
import { shallow } from 'enzyme';
import Package from '../../../src/webui/components/Package/index';
import Tag from '../../../src/webui/components/Tag/index';
import { Version, WrapperLink, Field, OverviewItem } from '../../../src/webui/components/Package/styles';
/**
* Generates one month back date from current time
* @return {object} date object
*/
const dateOneMonthAgo = () => new Date(1544377770747)
describe('<Package /> component', () => {
test.skip('should load the component', () => {
const props = {
name: 'verdaccio',
version: '1.0.0',
time: dateOneMonthAgo(),
license: 'MIT',
description: 'Private NPM repository',
author: {
name: 'Sam'
},
keywords: [
"verdaccio"
]
};
const wrapper = shallow(
<Package {...props} />
);
// integration expectations
// check link
expect(wrapper.find(WrapperLink).prop('to')).toEqual(`detail/${props.name}`);
// check version
expect(wrapper.find(Version).prop('children')).toEqual(`v${props.version}`);
// TODO - REWRITE THE TEST
//expect(wrapper.find(Author).dive())
// check description
expect(wrapper.find(Field).someWhere(n => {
return (
n.children().first().get(0).props.children[0].props.text === 'Description' &&
n.children().childAt(1).containsMatchingElement(<span>{props.description}</span>)
)
})).toBe(true);
// check license
expect(wrapper.find(OverviewItem).someWhere(n => n.get(0).props.children[1] === props.license)).toBe(true);
// check keyword
expect(wrapper.find(Tag).prop('children')).toEqual(props.keywords[0]);
});
test.skip('should load the component without author', () => {
const props = {
name: 'verdaccio',
version: '1.0.0',
time: dateOneMonthAgo(),
license: 'MIT',
author: {
name: 'Anonymous',
email: '',
avatar: ''
},
description: 'Private NPM repository'
};
const wrapper = shallow(
<Package {...props} />
);
// integration expectations
expect(wrapper.html()).toMatchSnapshot();
});
});