External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-19 23:07:42 -02:30
Code Issues Packages Projects Releases Wiki Activity

add pagination to instance groups lookup modal

Browse Source
This commit is contained in:
John Mitchell
2019-02-11 18:10:27 -05:00
parent 8e194baa66
commit 680d153a14
13 changed files with 369 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
__tests__/pages/Organizations/screens/OrganizationAdd.test.jsx
View File

@@ -1,27 +1,32 @@
import React from 'react';
import { mount } from 'enzyme';
import { MemoryRouter } from 'react-router-dom';
import { I18nProvider } from '@lingui/react';
import OrganizationAdd from '../../../../src/pages/Organizations/screens/OrganizationAdd';
describe('<OrganizationAdd />', () => {
test('initially renders succesfully', () => {
mount(
<MemoryRouter>
<OrganizationAdd
match={{ path: '/organizations/add', url: '/organizations/add' }}
location={{ search: '', pathname: '/organizations/add' }}
/>
<I18nProvider>
<OrganizationAdd
match={{ path: '/organizations/add', url: '/organizations/add' }}
location={{ search: '', pathname: '/organizations/add' }}
/>
</I18nProvider>
</MemoryRouter>
);
});
test('calls "handleChange" when input values change', () => {
const spy = jest.spyOn(OrganizationAdd.WrappedComponent.prototype, 'handleChange');
test('calls "onFieldChange" when input values change', () => {
const spy = jest.spyOn(OrganizationAdd.WrappedComponent.prototype, 'onFieldChange');
const wrapper = mount(
<MemoryRouter>
<OrganizationAdd
match={{ path: '/organizations/add', url: '/organizations/add' }}
location={{ search: '', pathname: '/organizations/add' }}
/>
<I18nProvider>
<OrganizationAdd
match={{ path: '/organizations/add', url: '/organizations/add' }}
location={{ search: '', pathname: '/organizations/add' }}
/>
</I18nProvider>
</MemoryRouter>
);
expect(spy).not.toHaveBeenCalled();
@@ -33,79 +38,69 @@ describe('<OrganizationAdd />', () => {
const spy = jest.spyOn(OrganizationAdd.WrappedComponent.prototype, 'onSubmit');
const wrapper = mount(
<MemoryRouter>
<OrganizationAdd
match={{ path: '/organizations/add', url: '/organizations/add' }}
location={{ search: '', pathname: '/organizations/add' }}
/>
<I18nProvider>
<OrganizationAdd
match={{ path: '/organizations/add', url: '/organizations/add' }}
location={{ search: '', pathname: '/organizations/add' }}
/>
</I18nProvider>
</MemoryRouter>
);
expect(spy).not.toHaveBeenCalled();
wrapper.find('button.at-C-SubmitButton').prop('onClick')();
wrapper.find('button[aria-label="Save"]').prop('onClick')();
expect(spy).toBeCalled();
});
test('calls "onCancel" when Cancel button is clicked', () => {
const spy = jest.spyOn(OrganizationAdd.WrappedComponent.prototype, 'onCancel');
const wrapper = mount(
<MemoryRouter>
<OrganizationAdd
match={{ path: '/organizations/add', url: '/organizations/add' }}
location={{ search: '', pathname: '/organizations/add' }}
/>
<I18nProvider>
<OrganizationAdd
match={{ path: '/organizations/add', url: '/organizations/add' }}
location={{ search: '', pathname: '/organizations/add' }}
/>
</I18nProvider>
</MemoryRouter>
);
expect(spy).not.toHaveBeenCalled();
wrapper.find('button.at-C-CancelButton').prop('onClick')();
wrapper.find('button[aria-label="Cancel"]').prop('onClick')();
expect(spy).toBeCalled();
});
test('API response is formatted properly', (done) => {
const mockedResp = { data: { results: [{ name: 'test instance', id: 1 }] } };
const api = { getInstanceGroups: jest.fn().mockResolvedValue(mockedResp) };
const wrapper = mount(
<MemoryRouter>
<OrganizationAdd api={api} />
</MemoryRouter>
);
setImmediate(() => {
const orgAddElem = wrapper.find('OrganizationAdd');
expect([{ id: 1, isChecked: false, name: 'test instance' }]).toEqual(orgAddElem.state().results);
done();
});
});
test('Successful form submission triggers redirect', (done) => {
const onSuccess = jest.spyOn(OrganizationAdd.WrappedComponent.prototype, 'onSuccess');
const resetForm = jest.spyOn(OrganizationAdd.WrappedComponent.prototype, 'resetForm');
const mockedResp = { data: { id: 1, related: { instance_groups: '/bar' } } };
const api = { createOrganization: jest.fn().mockResolvedValue(mockedResp), createInstanceGroups: jest.fn().mockResolvedValue('done') };
const wrapper = mount(
<MemoryRouter>
<OrganizationAdd api={api} />
<I18nProvider>
<OrganizationAdd api={api} />
</I18nProvider>
</MemoryRouter>
);
wrapper.find('input#add-org-form-name').simulate('change', { target: { value: 'foo' } });
wrapper.find('button.at-C-SubmitButton').prop('onClick')();
wrapper.find('button[aria-label="Save"]').prop('onClick')();
setImmediate(() => {
expect(onSuccess).toHaveBeenCalled();
expect(resetForm).toHaveBeenCalled();
done();
});
});
test('updateSelectedInstanceGroups successfully sets selectedInstanceGroups state', () => {
test('onLookupSave successfully sets instanceGroups state', () => {
const wrapper = mount(
<MemoryRouter>
<OrganizationAdd api={{}} />
<I18nProvider>
<OrganizationAdd api={{}} />
</I18nProvider>
</MemoryRouter>
).find('OrganizationAdd');
wrapper.instance().updateSelectedInstanceGroups([
wrapper.instance().onLookupSave([
{
id: 1,
name: 'foo'
}
]);
expect(wrapper.state('selectedInstanceGroups')).toEqual([
], 'instanceGroups');
expect(wrapper.state('instanceGroups')).toEqual([
{
id: 1,
name: 'foo'
@@ -113,14 +108,16 @@ describe('<OrganizationAdd />', () => {
]);
});
test('onSelectChange successfully sets custom_virtualenv state', () => {
test('onFieldChange successfully sets custom_virtualenv state', () => {
const wrapper = mount(
<MemoryRouter>
<OrganizationAdd api={{}} />
<I18nProvider>
<OrganizationAdd api={{}} />
</I18nProvider>
</MemoryRouter>
).find('OrganizationAdd');
wrapper.instance().onSelectChange('foobar');
expect(wrapper.state('custom_virtualenv')).toBe('foobar');
wrapper.instance().onFieldChange('fooBar', { target: { name: 'custom_virtualenv' } });
expect(wrapper.state('custom_virtualenv')).toBe('fooBar');
});
test('onSubmit posts instance groups from selectedInstanceGroups', async () => {
@@ -140,12 +137,14 @@ describe('<OrganizationAdd />', () => {
};
const wrapper = mount(
<MemoryRouter>
<OrganizationAdd api={api} />
<I18nProvider>
<OrganizationAdd api={api} />
</I18nProvider>
</MemoryRouter>
).find('OrganizationAdd');
wrapper.setState({
name: 'mock org',
selectedInstanceGroups: [{
instanceGroups: [{
id: 1,
name: 'foo'
}]