mirror of
https://github.com/verdaccio/verdaccio.git
synced 2025-04-01 02:42:23 -05:00
WIP: package & Package list component tests
This commit is contained in:
Ayush Sharma
juanpicado
parent
84b29fcf08
commit
c56c03065b
4 changed files with 116 additions and 7 deletions
|
|
@ -23,7 +23,7 @@ describe('<NoItem /> component', () => {
|
|||
});
|
||||
const wrapper = shallow(<Help />);
|
||||
expect(wrapper.html()).toEqual(
|
||||
'<div><li><h1>No Package Published Yet</h1><p><div>To publish your first package just:</div><br/><strong>1. Login</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm adduser --registry http:<span style="color:#aeaeae;font-style:italic">//example.com</span></code></pre><strong>2. Publish</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm publish --registry http:<span style="color:#aeaeae;font-style:italic">//example.com</span></code></pre><strong>3. Refresh this page!</strong></p></li></div>'
|
||||
'<div><li><h1>No Package Published Yet</h1><div><div>To publish your first package just:</div><br/><strong>1. Login</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm adduser --registry http:<span style="color:#aeaeae;font-style:italic">//example.com</span></code></pre><strong>2. Publish</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm publish --registry http:<span style="color:#aeaeae;font-style:italic">//example.com</span></code></pre><strong>3. Refresh this page!</strong></div></li></div>'
|
||||
);
|
||||
});
|
||||
|
||||
|
|
@ -33,6 +33,6 @@ describe('<NoItem /> component', () => {
|
|||
value: '/someOtherPath'
|
||||
});
|
||||
const wrapper = shallow(<Help />);
|
||||
expect(wrapper.html()).toEqual('<div><li><h1>No Package Published Yet</h1><p><div>To publish your first package just:</div><br/><strong>1. Login</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm adduser --registry http:<span style="color:#aeaeae;font-style:italic">//example.com/someOtherPath</span></code></pre><strong>2. Publish</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm publish --registry http:<span style="color:#aeaeae;font-style:italic">//example.com/someOtherPath</span></code></pre><strong>3. Refresh this page!</strong></p></li></div>');
|
||||
expect(wrapper.html()).toEqual('<div><li><h1>No Package Published Yet</h1><div><div>To publish your first package just:</div><br/><strong>1. Login</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm adduser --registry http:<span style="color:#aeaeae;font-style:italic">//example.com/someOtherPath</span></code></pre><strong>2. Publish</strong><pre style="display:block;overflow-x:auto;padding:0.5em;background:#000;color:#f8f8f8"><code>npm publish --registry http:<span style="color:#aeaeae;font-style:italic">//example.com/someOtherPath</span></code></pre><strong>3. Refresh this page!</strong></div></li></div>');
|
||||
});
|
||||
});
|
||||
|
|
|
|||
41
test/webui/components/package.spec.js
Normal file
41
test/webui/components/package.spec.js
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
/**
|
||||
* Package component
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import { mount } from 'enzyme';
|
||||
import Package from '../../../src/webui/src/components/Package';
|
||||
import { BrowserRouter } from 'react-router-dom';
|
||||
|
||||
describe('<Package /> component', () => {
|
||||
it('should load the component', () => {
|
||||
const props = {
|
||||
name: 'verdaccio',
|
||||
version: '1.0.0',
|
||||
description: 'Private NPM repository',
|
||||
author: { name: 'Sam' }
|
||||
};
|
||||
const wrapper = mount(
|
||||
<BrowserRouter>
|
||||
<Package package={props} />
|
||||
</BrowserRouter>
|
||||
);
|
||||
|
||||
// renderAuthor method
|
||||
const renderAuthor = wrapper.find(Package).instance().renderAuthor;
|
||||
expect(renderAuthor({ author: {} })).toBeUndefined();
|
||||
expect(renderAuthor({ author: { name: 'sam' } })).toBeDefined();
|
||||
|
||||
// integration expectations
|
||||
expect(wrapper.find('a').prop('href')).toEqual('detail/verdaccio');
|
||||
expect(wrapper.find('h1').text()).toEqual('verdacciov1.0.0');
|
||||
expect(wrapper.find('.el-tag--gray').text()).toEqual('v1.0.0');
|
||||
expect(
|
||||
wrapper
|
||||
.find('span')
|
||||
.filterWhere(n => n.prop('role') === 'author')
|
||||
.text()
|
||||
).toEqual('By: Sam');
|
||||
expect(wrapper.find('p').text()).toEqual('Private NPM repository');
|
||||
});
|
||||
});
|
||||
73
test/webui/components/packagelist.spec.js
Normal file
73
test/webui/components/packagelist.spec.js
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
/**
|
||||
* PackageList component
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import { mount } from 'enzyme';
|
||||
import PackageList from '../../../src/webui/src/components/PackageList';
|
||||
import Help from '../../../src/webui/src/components/Help';
|
||||
import NoItems from '../../../src/webui/src/components/NoItems';
|
||||
import { BrowserRouter } from 'react-router-dom';
|
||||
|
||||
describe('<PackageList /> component', () => {
|
||||
it('should load the component with no packages', () => {
|
||||
const props = {
|
||||
packages: [],
|
||||
help: true
|
||||
};
|
||||
const wrapper = mount(
|
||||
<PackageList packages={props.packages} help={props.help} />
|
||||
);
|
||||
|
||||
const instance = wrapper.instance();
|
||||
expect(instance.isTherePackages()).toBeFalsy();
|
||||
expect(instance.renderHelp()).toBeTruthy();
|
||||
expect(instance.renderOptions()).toEqual(<Help />);
|
||||
expect(instance.renderTitle()).toBeUndefined();
|
||||
});
|
||||
|
||||
it('should load the component with packages', () => {
|
||||
const props = {
|
||||
packages: [
|
||||
{
|
||||
name: 'verdaccio',
|
||||
version: '1.0.0',
|
||||
description: 'Private NPM repository',
|
||||
author: { name: 'Sam' }
|
||||
},
|
||||
{
|
||||
name: 'abc',
|
||||
version: '1.0.1',
|
||||
description: 'abc description',
|
||||
author: { name: 'Rose' }
|
||||
},
|
||||
{
|
||||
name: 'xyz',
|
||||
version: '1.1.0',
|
||||
description: 'xyz description',
|
||||
author: { name: 'Martin' }
|
||||
}
|
||||
],
|
||||
help: false
|
||||
};
|
||||
const wrapper = mount(
|
||||
<BrowserRouter>
|
||||
<PackageList packages={props.packages} help={props.help} />
|
||||
</BrowserRouter>
|
||||
);
|
||||
|
||||
const instance = wrapper.find(PackageList).instance();
|
||||
|
||||
expect(instance.isTherePackages()).toBeTruthy();
|
||||
expect(instance.renderHelp()).toBeUndefined();
|
||||
expect(instance.renderTitle().props.children).toEqual('Available Packages');
|
||||
expect(instance.renderNoItems()).toEqual(
|
||||
<NoItems text="No items were found with that query" />
|
||||
);
|
||||
expect(instance.renderOptions()).toEqual(
|
||||
<NoItems text="No items were found with that query" />
|
||||
);
|
||||
// package count
|
||||
expect(wrapper.find('Package')).toHaveLength(3);
|
||||
});
|
||||
});
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
describe('test', () => {
|
||||
it('add', () => {
|
||||
expect(2).toEqual(3);
|
||||
})
|
||||
})
|
||||
Loading…
Add table
Reference in a new issue