mirror of
https://github.com/strapi/strapi.git
synced 2025-11-02 19:04:38 +00:00
Fix tests
Signed-off-by: soupette <cyril@strapi.io>
This commit is contained in:
soupette
parent
8e9d8fc8c8
commit
d56a7d4e0d
@ -1,60 +0,0 @@
|
||||
import React from 'react';
|
||||
import { shallow } from 'enzyme';
|
||||
import renderer from 'react-test-renderer';
|
||||
import { Checkbox } from '@buffetjs/core';
|
||||
|
||||
import EventRow from '../EventRow';
|
||||
|
||||
describe('<EventRow />', () => {
|
||||
const props = {
|
||||
name: 'events',
|
||||
events: ['entry.create', 'entry.update', 'entry.delete'],
|
||||
inputValue: ['entry.create'],
|
||||
handleChange: jest.fn(),
|
||||
handleChangeAll: jest.fn(),
|
||||
};
|
||||
|
||||
it('should match the snapshot', () => {
|
||||
const tree = renderer.create(<EventRow {...props} />).toJSON();
|
||||
|
||||
expect(tree).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('should call handleChangeAll on first checkbox change', () => {
|
||||
const renderedComponent = shallow(<EventRow {...props} />);
|
||||
const event = {
|
||||
target: { name: 'events', value: true },
|
||||
};
|
||||
|
||||
const selectAllCheckbox = renderedComponent
|
||||
.find('td')
|
||||
.at(0)
|
||||
.find(Checkbox);
|
||||
selectAllCheckbox.simulate('change', event);
|
||||
|
||||
expect(props.handleChangeAll).toHaveBeenCalledWith(event);
|
||||
});
|
||||
|
||||
it('should call handleChange on other checkboxes change', () => {
|
||||
const renderedComponent = shallow(<EventRow {...props} />);
|
||||
const event = {
|
||||
target: { name: 'events', value: true },
|
||||
};
|
||||
|
||||
const checkbox = renderedComponent
|
||||
.find('td')
|
||||
.at(1)
|
||||
.find(Checkbox);
|
||||
checkbox.simulate('change', event);
|
||||
|
||||
expect(props.handleChange).toHaveBeenCalledWith(event);
|
||||
});
|
||||
|
||||
it('should have default handleChange', () => {
|
||||
expect(EventRow.defaultProps.handleChange).toBeDefined();
|
||||
});
|
||||
|
||||
it('should have default handleChangeAll', () => {
|
||||
expect(EventRow.defaultProps.handleChangeAll).toBeDefined();
|
||||
});
|
||||
});
|
||||
@ -1,264 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<EventRow /> should match the snapshot 1`] = `
|
||||
.c1 {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.c1:focus,
|
||||
.c1:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.c1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-top: calc(-14px / 2);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 1px solid rgba(16,22,34,0.15);
|
||||
background-color: #fdfdfd;
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.c1:after {
|
||||
display: none;
|
||||
content: '\\f00c';
|
||||
font-family: 'FontAwesome';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
margin-top: calc(-14px / 2);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
text-align: center;
|
||||
font-size: 9px;
|
||||
color: #1C5DE7;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.c1:checked:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.c1:after {
|
||||
content: '\\f068';
|
||||
display: block;
|
||||
top: 50%;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.c1:disabled {
|
||||
background-color: #FAFAFB;
|
||||
cursor: initial;
|
||||
}
|
||||
|
||||
.c1:disabled:after {
|
||||
color: #9ea7b8;
|
||||
}
|
||||
|
||||
.c1 + label {
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.c3 {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.c3:focus,
|
||||
.c3:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.c3:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-top: calc(-14px / 2);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 1px solid rgba(16,22,34,0.15);
|
||||
background-color: #fdfdfd;
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.c3:after {
|
||||
display: none;
|
||||
content: '\\f00c';
|
||||
font-family: 'FontAwesome';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
margin-top: calc(-14px / 2);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
text-align: center;
|
||||
font-size: 9px;
|
||||
color: #1C5DE7;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.c3:checked:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.c3:disabled {
|
||||
background-color: #FAFAFB;
|
||||
cursor: initial;
|
||||
}
|
||||
|
||||
.c3:disabled:after {
|
||||
color: #9ea7b8;
|
||||
}
|
||||
|
||||
.c3 + label {
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.c0 input,
|
||||
.c0 label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.c0 input {
|
||||
margin-top: 4px;
|
||||
width: 14px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.c0 input + label {
|
||||
display: inline-block;
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
max-width: calc(100% - 14px);
|
||||
margin-left: 10px;
|
||||
margin-bottom: 0;
|
||||
line-height: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
color: #333740;
|
||||
}
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<div
|
||||
className="c0"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c1"
|
||||
disabled={false}
|
||||
id="events"
|
||||
name="events"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c2"
|
||||
htmlFor="events"
|
||||
>
|
||||
events
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c0"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={true}
|
||||
className="c3"
|
||||
disabled={false}
|
||||
id="entry.create"
|
||||
name="entry.create"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c2"
|
||||
htmlFor="entry.create"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c0"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c3"
|
||||
disabled={false}
|
||||
id="entry.update"
|
||||
name="entry.update"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c2"
|
||||
htmlFor="entry.update"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c0"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c3"
|
||||
disabled={false}
|
||||
id="entry.delete"
|
||||
name="entry.delete"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c2"
|
||||
htmlFor="entry.delete"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
`;
|
||||
@ -1,472 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<EventInput /> should match the snapshot 1`] = `
|
||||
.c2 {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.c2:focus,
|
||||
.c2:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.c2:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-top: calc(-14px / 2);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 1px solid rgba(16,22,34,0.15);
|
||||
background-color: #fdfdfd;
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.c2:after {
|
||||
display: none;
|
||||
content: '\\f00c';
|
||||
font-family: 'FontAwesome';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
margin-top: calc(-14px / 2);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
text-align: center;
|
||||
font-size: 9px;
|
||||
color: #1C5DE7;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.c2:checked:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.c2:disabled {
|
||||
background-color: #FAFAFB;
|
||||
cursor: initial;
|
||||
}
|
||||
|
||||
.c2:disabled:after {
|
||||
color: #9ea7b8;
|
||||
}
|
||||
|
||||
.c2 + label {
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.c4 {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.c4:focus,
|
||||
.c4:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.c4:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-top: calc(-14px / 2);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 1px solid rgba(16,22,34,0.15);
|
||||
background-color: #fdfdfd;
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.c4:after {
|
||||
display: none;
|
||||
content: '\\f00c';
|
||||
font-family: 'FontAwesome';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
margin-top: calc(-14px / 2);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
text-align: center;
|
||||
font-size: 9px;
|
||||
color: #1C5DE7;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.c4:checked:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.c4:after {
|
||||
content: '\\f068';
|
||||
display: block;
|
||||
top: 50%;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.c4:disabled {
|
||||
background-color: #FAFAFB;
|
||||
cursor: initial;
|
||||
}
|
||||
|
||||
.c4:disabled:after {
|
||||
color: #9ea7b8;
|
||||
}
|
||||
|
||||
.c4 + label {
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.c1 input,
|
||||
.c1 label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.c1 input {
|
||||
margin-top: 4px;
|
||||
width: 14px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.c1 input + label {
|
||||
display: inline-block;
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
max-width: calc(100% - 14px);
|
||||
margin-left: 10px;
|
||||
margin-bottom: 0;
|
||||
line-height: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.c3 {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
color: #333740;
|
||||
}
|
||||
|
||||
.c0 {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.c0 table {
|
||||
width: 100%;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.c0 tr:before {
|
||||
content: '-';
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
display: inline-block;
|
||||
width: calc(100% - 40px);
|
||||
height: 1px;
|
||||
margin-top: -1px;
|
||||
line-height: 1.1em;
|
||||
color: transparent;
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.c0 tr:first-of-type:before {
|
||||
left: 0;
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
background-color: #fafafb;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.c0 thead {
|
||||
background-color: #fafafb;
|
||||
}
|
||||
|
||||
.c0 thead td {
|
||||
height: 41px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.c0 tbody {
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
box-shadow: inset 0px 0px 0px 1px #f6f6f6;
|
||||
}
|
||||
|
||||
.c0 tbody td {
|
||||
height: 54px;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.c0 tbody td input[type='checkbox']:disabled:before {
|
||||
background-color: #e8e5e5;
|
||||
}
|
||||
|
||||
.c0 tbody td:first-of-type {
|
||||
width: 200px;
|
||||
padding-left: 30px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.c0 tbody td:first-of-type label {
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.c0 tbody td:not(:first-of-type) > div {
|
||||
display: block;
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
<div
|
||||
className="c0"
|
||||
>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td />
|
||||
<td>
|
||||
<span>
|
||||
Create
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
Update
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
Delete
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div
|
||||
className="c1"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c2"
|
||||
disabled={false}
|
||||
id="entry"
|
||||
name="entry"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="entry"
|
||||
>
|
||||
entry
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c1"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c2"
|
||||
disabled={false}
|
||||
id="entry.create"
|
||||
name="entry.create"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="entry.create"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c1"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c2"
|
||||
disabled={false}
|
||||
id="entry.update"
|
||||
name="entry.update"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="entry.update"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c1"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c2"
|
||||
disabled={false}
|
||||
id="entry.delete"
|
||||
name="entry.delete"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="entry.delete"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div
|
||||
className="c1"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c4"
|
||||
disabled={false}
|
||||
id="media"
|
||||
name="media"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="media"
|
||||
>
|
||||
media
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c1"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={true}
|
||||
className="c2"
|
||||
disabled={false}
|
||||
id="media.create"
|
||||
name="media.create"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="media.create"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c1"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={false}
|
||||
className="c2"
|
||||
disabled={false}
|
||||
id="media.update"
|
||||
name="media.update"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="media.update"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div
|
||||
className="c1"
|
||||
disabled={false}
|
||||
>
|
||||
<input
|
||||
autoComplete="off"
|
||||
autoFocus={false}
|
||||
checked={true}
|
||||
className="c2"
|
||||
disabled={false}
|
||||
id="media.delete"
|
||||
name="media.delete"
|
||||
onChange={[Function]}
|
||||
placeholder={null}
|
||||
tabIndex="0"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="media.delete"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
`;
|
||||
@ -1,147 +0,0 @@
|
||||
import React from 'react';
|
||||
import { shallow } from 'enzyme';
|
||||
import { IntlProvider } from 'react-intl';
|
||||
import renderer from 'react-test-renderer';
|
||||
import translationMessages from '../../../../translations/en.json';
|
||||
import EventInput from '../index';
|
||||
import EventRow from '../EventRow';
|
||||
|
||||
const intlProvider = new IntlProvider({ locale: 'en', message: translationMessages }, {});
|
||||
const { intl } = intlProvider.state;
|
||||
|
||||
function nodeWithIntlProp(node) {
|
||||
return React.cloneElement(node, { intl });
|
||||
}
|
||||
|
||||
const shallowWithIntl = node => {
|
||||
return shallow(nodeWithIntlProp(node), { context: { intl } });
|
||||
};
|
||||
|
||||
describe('<EventInput />', () => {
|
||||
const props = {
|
||||
name: 'events',
|
||||
value: ['media.create', 'media.delete'],
|
||||
onChange: jest.fn(),
|
||||
shouldShowDPEvents: false,
|
||||
};
|
||||
|
||||
it('should match the snapshot', () => {
|
||||
const tree = renderer.create(
|
||||
<IntlProvider locale="en" messages={translationMessages} textComponent="span">
|
||||
<EventInput {...props} />
|
||||
</IntlProvider>
|
||||
);
|
||||
|
||||
expect(tree).toMatchSnapshot();
|
||||
});
|
||||
|
||||
describe('OnChange prop called with right params', () => {
|
||||
it('should add an event on handleChange if value is true', () => {
|
||||
const event = {
|
||||
target: {
|
||||
name: 'entry.update',
|
||||
value: true,
|
||||
},
|
||||
};
|
||||
|
||||
const formattedEvent = {
|
||||
target: {
|
||||
name: 'events',
|
||||
value: ['media.create', 'media.delete', 'entry.update'],
|
||||
},
|
||||
};
|
||||
|
||||
let wrapper = shallowWithIntl(<EventInput {...props} />);
|
||||
wrapper.dive();
|
||||
let child = wrapper.find(EventRow);
|
||||
|
||||
child
|
||||
.at(0)
|
||||
.props()
|
||||
.handleChange(event);
|
||||
|
||||
expect(props.onChange).toHaveBeenCalledWith(formattedEvent);
|
||||
});
|
||||
|
||||
it('should delete an event on handleChange if value is false', () => {
|
||||
const event = {
|
||||
target: {
|
||||
name: 'media.create',
|
||||
value: false,
|
||||
},
|
||||
};
|
||||
|
||||
const formattedEvent = {
|
||||
target: {
|
||||
name: 'events',
|
||||
value: ['media.delete'],
|
||||
},
|
||||
};
|
||||
|
||||
let wrapper = shallowWithIntl(<EventInput {...props} />);
|
||||
wrapper.dive();
|
||||
let child = wrapper.find(EventRow);
|
||||
|
||||
child
|
||||
.at(0)
|
||||
.props()
|
||||
.handleChange(event);
|
||||
|
||||
expect(props.onChange).toHaveBeenCalledWith(formattedEvent);
|
||||
});
|
||||
});
|
||||
|
||||
it('should add all events from the same category on handleChangeAll if value is true', () => {
|
||||
const event = {
|
||||
target: {
|
||||
name: 'entry',
|
||||
value: true,
|
||||
},
|
||||
};
|
||||
|
||||
const formattedEvent = {
|
||||
target: {
|
||||
name: 'events',
|
||||
value: ['media.create', 'media.delete', 'entry.create', 'entry.update', 'entry.delete'],
|
||||
},
|
||||
};
|
||||
|
||||
let wrapper = shallowWithIntl(<EventInput {...props} />);
|
||||
wrapper.dive();
|
||||
let child = wrapper.find(EventRow);
|
||||
|
||||
child
|
||||
.at(0)
|
||||
.props()
|
||||
.handleChangeAll(event);
|
||||
|
||||
expect(props.onChange).toHaveBeenCalledWith(formattedEvent);
|
||||
});
|
||||
|
||||
it('should delete all events from the same category on handleChangeAll if value is false', () => {
|
||||
const event = {
|
||||
target: {
|
||||
name: 'media',
|
||||
value: false,
|
||||
},
|
||||
};
|
||||
|
||||
const formattedEvent = {
|
||||
target: {
|
||||
name: 'events',
|
||||
value: [],
|
||||
},
|
||||
};
|
||||
|
||||
let wrapper = shallowWithIntl(<EventInput {...props} />);
|
||||
wrapper.dive();
|
||||
let child = wrapper.find(EventRow);
|
||||
|
||||
child
|
||||
.at(0)
|
||||
.props()
|
||||
.handleChangeAll(event);
|
||||
|
||||
expect(props.onChange).toHaveBeenCalledWith(formattedEvent);
|
||||
});
|
||||
});
|
||||
@ -1,195 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<TriggerContainer /> should match the snapshot 1`] = `
|
||||
.c0 {
|
||||
overflow-x: auto;
|
||||
margin-bottom: 22px;
|
||||
box-shadow: 0 2px 4px 0 #e3e9f3;
|
||||
}
|
||||
|
||||
.c0 table {
|
||||
width: 100%;
|
||||
height: 68px;
|
||||
background-color: white;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.c0 table td {
|
||||
padding: 0 25px;
|
||||
}
|
||||
|
||||
.c0 table td p {
|
||||
margin-bottom: 0;
|
||||
font-size: 13px;
|
||||
line-height: normal;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.c0 table td p svg,
|
||||
.c0 table td p span {
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.c0 table td p svg + span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.c0 table td p.success-label svg {
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
|
||||
.c0 table td:first-of-type p {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.c0 table td:last-of-type {
|
||||
max-width: 400px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.c0 table td:last-of-type button {
|
||||
color: #b4b6ba;
|
||||
}
|
||||
|
||||
.c0 table td:last-of-type button,
|
||||
.c0 table td:last-of-type button:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.c0 table td:last-of-type button svg {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
<div
|
||||
className="c0"
|
||||
>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
<span>
|
||||
test-trigger
|
||||
</span>
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<p
|
||||
className="success-label"
|
||||
>
|
||||
<svg
|
||||
height="19px"
|
||||
viewBox="0 0 28 28"
|
||||
width="19px"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<defs>
|
||||
<filter
|
||||
filterUnits="objectBoundingBox"
|
||||
height="135.0%"
|
||||
id="filter-1"
|
||||
width="107.3%"
|
||||
x="-3.7%"
|
||||
y="-17.5%"
|
||||
>
|
||||
<feOffset
|
||||
dx="0"
|
||||
dy="1"
|
||||
in="SourceAlpha"
|
||||
result="shadowOffsetOuter1"
|
||||
/>
|
||||
<feGaussianBlur
|
||||
in="shadowOffsetOuter1"
|
||||
result="shadowBlurOuter1"
|
||||
stdDeviation="2"
|
||||
/>
|
||||
<feColorMatrix
|
||||
in="shadowBlurOuter1"
|
||||
result="shadowMatrixOuter1"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
|
||||
/>
|
||||
<feMerge>
|
||||
<feMergeNode
|
||||
in="shadowMatrixOuter1"
|
||||
/>
|
||||
<feMergeNode
|
||||
in="SourceGraphic"
|
||||
/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
<g
|
||||
fill="none"
|
||||
fillRule="evenodd"
|
||||
stroke="none"
|
||||
strokeWidth="1"
|
||||
>
|
||||
<g
|
||||
transform="translate(-702.000000, -89.000000)"
|
||||
>
|
||||
<g
|
||||
filter="url(#filter-1)"
|
||||
transform="translate(686.000000, 72.000000)"
|
||||
>
|
||||
<g
|
||||
id="Check-Copy-2-Clipped"
|
||||
>
|
||||
<g
|
||||
id="Check-Copy-2"
|
||||
transform="translate(20.000000, 20.000000)"
|
||||
>
|
||||
<g
|
||||
id="Group"
|
||||
>
|
||||
<g
|
||||
id="check"
|
||||
transform="translate(0.500000, 0.000000)"
|
||||
>
|
||||
<g
|
||||
id="Group-6"
|
||||
>
|
||||
<path
|
||||
d="M14.3423951,8.3983456 C14.3423951,8.55907497 14.2861399,8.69569495 14.1736293,8.80820551 L9.80982666,13.1720081 L8.99010683,13.991728 C8.87759626,14.1042385 8.74097629,14.1604938 8.58024691,14.1604938 C8.41951753,14.1604938 8.28289756,14.1042385 8.170387,13.991728 L7.35066717,13.1720081 L5.16876585,10.9901068 C5.05625528,10.8775963 5,10.7409763 5,10.5802469 C5,10.4195175 5.05625528,10.2828976 5.16876585,10.170387 L5.98848568,9.35066717 C6.10099625,9.2381566 6.23761622,9.18190132 6.3983456,9.18190132 C6.55907497,9.18190132 6.69569495,9.2381566 6.80820551,9.35066717 L8.58024691,11.1287359 L12.5341896,7.16876585 C12.6467002,7.05625528 12.7833202,7 12.9440495,7 C13.1047789,7 13.2413989,7.05625528 13.3539095,7.16876585 L14.1736293,7.98848568 C14.2861399,8.10099625 14.3423951,8.23761622 14.3423951,8.3983456 Z"
|
||||
fill="#6DBB1A"
|
||||
fillRule="nonzero"
|
||||
id="Shape"
|
||||
/>
|
||||
<rect
|
||||
height="19"
|
||||
id="Rectangle-2"
|
||||
rx="9.5"
|
||||
stroke="#6DBB1A"
|
||||
width="19"
|
||||
x="0"
|
||||
y="0.5"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<span>
|
||||
success
|
||||
</span>
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>
|
||||
<span>
|
||||
success
|
||||
</span>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
`;
|
||||
@ -1,25 +0,0 @@
|
||||
import React from 'react';
|
||||
import renderer from 'react-test-renderer';
|
||||
import { IntlProvider } from 'react-intl';
|
||||
import TriggerContainer from '../index';
|
||||
|
||||
describe('<TriggerContainer />', () => {
|
||||
const props = {
|
||||
isPending: false,
|
||||
onCancel: jest.fn(),
|
||||
response: {
|
||||
statusCode: 200,
|
||||
message: 'success',
|
||||
},
|
||||
};
|
||||
|
||||
it('should match the snapshot', () => {
|
||||
const tree = renderer.create(
|
||||
<IntlProvider locale="en" textComponent="span">
|
||||
<TriggerContainer {...props} />
|
||||
</IntlProvider>
|
||||
);
|
||||
|
||||
expect(tree).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
@ -109,51 +109,6 @@ describe('Application page', () => {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c12 > * {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.c12 > * + * {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.c13 {
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
line-height: 1.25;
|
||||
color: #32324d;
|
||||
}
|
||||
|
||||
.c17 {
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.43;
|
||||
color: #32324d;
|
||||
}
|
||||
|
||||
.c18 {
|
||||
font-weight: 600;
|
||||
line-height: 1.14;
|
||||
}
|
||||
|
||||
.c19 {
|
||||
font-weight: 600;
|
||||
font-size: 0.6875rem;
|
||||
line-height: 1.45;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.c3 {
|
||||
outline: none;
|
||||
}
|
||||
@ -187,6 +142,51 @@ describe('Application page', () => {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.c13 {
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
line-height: 1.25;
|
||||
color: #32324d;
|
||||
}
|
||||
|
||||
.c17 {
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.43;
|
||||
color: #32324d;
|
||||
}
|
||||
|
||||
.c18 {
|
||||
font-weight: 600;
|
||||
line-height: 1.14;
|
||||
}
|
||||
|
||||
.c19 {
|
||||
font-weight: 600;
|
||||
font-size: 0.6875rem;
|
||||
line-height: 1.45;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c12 > * {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.c12 > * + * {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.c21 {
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem;
|
||||
|
||||
@ -406,6 +406,21 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
margin: 0 auto;
|
||||
width: 552px;
|
||||
}
|
||||
|
||||
.c4 {
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c5 {
|
||||
height: 4.5rem;
|
||||
}
|
||||
|
||||
.c30 {
|
||||
font-weight: 500;
|
||||
font-size: 0.75rem;
|
||||
@ -489,21 +504,6 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => {
|
||||
background: #4945ff;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
margin: 0 auto;
|
||||
width: 552px;
|
||||
}
|
||||
|
||||
.c4 {
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c5 {
|
||||
height: 4.5rem;
|
||||
}
|
||||
|
||||
.c28 {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
||||
@ -423,6 +423,21 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.c8 {
|
||||
margin: 0 auto;
|
||||
width: 552px;
|
||||
}
|
||||
|
||||
.c11 {
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
height: 4.5rem;
|
||||
}
|
||||
|
||||
.c41 {
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem;
|
||||
@ -511,21 +526,6 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
|
||||
background: #4945ff;
|
||||
}
|
||||
|
||||
.c8 {
|
||||
margin: 0 auto;
|
||||
width: 552px;
|
||||
}
|
||||
|
||||
.c11 {
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
height: 4.5rem;
|
||||
}
|
||||
|
||||
.c39 {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
||||
@ -334,6 +334,17 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.c9 {
|
||||
margin: 0 auto;
|
||||
width: 552px;
|
||||
}
|
||||
|
||||
.c11 {
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c30 {
|
||||
font-weight: 500;
|
||||
font-size: 0.75rem;
|
||||
@ -417,17 +428,6 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
|
||||
background: #4945ff;
|
||||
}
|
||||
|
||||
.c9 {
|
||||
margin: 0 auto;
|
||||
width: 552px;
|
||||
}
|
||||
|
||||
.c11 {
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c28 {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
||||
@ -35,7 +35,7 @@ exports[`<EditPage /> renders and matches the snapshot 1`] = `
|
||||
}
|
||||
|
||||
.c17 {
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.43;
|
||||
color: #32324d;
|
||||
|
||||
@ -54,6 +54,10 @@ describe('<ListPage />', () => {
|
||||
} = render(App);
|
||||
|
||||
expect(firstChild).toMatchInlineSnapshot(`
|
||||
.c37 {
|
||||
font-family: Lato;
|
||||
}
|
||||
|
||||
.c5 {
|
||||
font-weight: 600;
|
||||
font-size: 2rem;
|
||||
@ -286,8 +290,8 @@ describe('<ListPage />', () => {
|
||||
|
||||
.c30 {
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.c0 {
|
||||
@ -400,10 +404,6 @@ describe('<ListPage />', () => {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.c37 {
|
||||
font-family: Lato;
|
||||
}
|
||||
|
||||
<main
|
||||
aria-labelledby="title"
|
||||
class="c0"
|
||||
|
||||
@ -134,8 +134,8 @@ describe('ADMIN | pages | SettingsPage', () => {
|
||||
|
||||
.c7 {
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.c8 {
|
||||
|
||||
@ -55,6 +55,74 @@ describe('DynamicTable', () => {
|
||||
const { container, getByText } = render(app);
|
||||
|
||||
expect(container.firstChild).toMatchInlineSnapshot(`
|
||||
.c24 {
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
line-height: 1.25;
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c19 {
|
||||
background: #ffffff;
|
||||
padding: 64px;
|
||||
}
|
||||
|
||||
.c21 {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.c23 {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.c20 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.c22 svg {
|
||||
height: 5.5rem;
|
||||
}
|
||||
|
||||
.c16 tr:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.c17 {
|
||||
border-bottom: 1px solid #eaeaef;
|
||||
}
|
||||
|
||||
.c17 td,
|
||||
.c17 th {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.c17 td:first-of-type,
|
||||
.c17 th:first-of-type {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.c18 {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
color: #666687;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
.c18 input {
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem;
|
||||
@ -248,74 +316,6 @@ describe('DynamicTable', () => {
|
||||
height: 0.25rem;
|
||||
}
|
||||
|
||||
.c24 {
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
line-height: 1.25;
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c19 {
|
||||
background: #ffffff;
|
||||
padding: 64px;
|
||||
}
|
||||
|
||||
.c21 {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.c23 {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.c20 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.c22 svg {
|
||||
height: 5.5rem;
|
||||
}
|
||||
|
||||
.c16 tr:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.c17 {
|
||||
border-bottom: 1px solid #eaeaef;
|
||||
}
|
||||
|
||||
.c17 td,
|
||||
.c17 th {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.c17 td:first-of-type,
|
||||
.c17 th:first-of-type {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.c18 {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
color: #666687;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
.c18 input {
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
<div
|
||||
class="c0"
|
||||
>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -49,6 +49,41 @@ describe('Admin | containers | ListView', () => {
|
||||
} = render(App);
|
||||
|
||||
expect(firstChild).toMatchInlineSnapshot(`
|
||||
.c11 {
|
||||
border: 0;
|
||||
-webkit-clip: rect(0 0 0 0);
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
-webkit-animation: gzYjWD 1s infinite linear;
|
||||
animation: gzYjWD 1s infinite linear;
|
||||
}
|
||||
|
||||
.c10 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-pack: space-around;
|
||||
-webkit-justify-content: space-around;
|
||||
-ms-flex-pack: space-around;
|
||||
justify-content: space-around;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
padding-bottom: 56px;
|
||||
}
|
||||
@ -121,41 +156,6 @@ describe('Admin | containers | ListView', () => {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.c11 {
|
||||
border: 0;
|
||||
-webkit-clip: rect(0 0 0 0);
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
-webkit-animation: gzYjWD 1s infinite linear;
|
||||
animation: gzYjWD 1s infinite linear;
|
||||
}
|
||||
|
||||
.c10 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-pack: space-around;
|
||||
-webkit-justify-content: space-around;
|
||||
-ms-flex-pack: space-around;
|
||||
justify-content: space-around;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.c3 {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@ -35,7 +35,7 @@ exports[`<CreatePage /> renders and matches the snapshot 1`] = `
|
||||
}
|
||||
|
||||
.c18 {
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.43;
|
||||
color: #32324d;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user