mirror of
https://github.com/strapi/strapi.git
synced 2025-11-15 01:28:07 +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;
|
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 {
|
.c3 {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@ -187,6 +142,51 @@ describe('Application page', () => {
|
|||||||
word-break: break-all;
|
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 {
|
.c21 {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
|
|||||||
@ -406,6 +406,21 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => {
|
|||||||
outline: none;
|
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 {
|
.c30 {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
@ -489,21 +504,6 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => {
|
|||||||
background: #4945ff;
|
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 {
|
.c28 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -423,6 +423,21 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
|
|||||||
outline: none;
|
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 {
|
.c41 {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
@ -511,21 +526,6 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
|
|||||||
background: #4945ff;
|
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 {
|
.c39 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -334,6 +334,17 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
|
|||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.c9 {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 552px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c11 {
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
.c30 {
|
.c30 {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
@ -417,17 +428,6 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
|
|||||||
background: #4945ff;
|
background: #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c9 {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: 552px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.c11 {
|
|
||||||
-webkit-flex-direction: column;
|
|
||||||
-ms-flex-direction: column;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.c28 {
|
.c28 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -35,7 +35,7 @@ exports[`<EditPage /> renders and matches the snapshot 1`] = `
|
|||||||
}
|
}
|
||||||
|
|
||||||
.c17 {
|
.c17 {
|
||||||
font-weight: 500;
|
font-weight: 400;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
line-height: 1.43;
|
line-height: 1.43;
|
||||||
color: #32324d;
|
color: #32324d;
|
||||||
|
|||||||
@ -54,6 +54,10 @@ describe('<ListPage />', () => {
|
|||||||
} = render(App);
|
} = render(App);
|
||||||
|
|
||||||
expect(firstChild).toMatchInlineSnapshot(`
|
expect(firstChild).toMatchInlineSnapshot(`
|
||||||
|
.c37 {
|
||||||
|
font-family: Lato;
|
||||||
|
}
|
||||||
|
|
||||||
.c5 {
|
.c5 {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
@ -286,8 +290,8 @@ describe('<ListPage />', () => {
|
|||||||
|
|
||||||
.c30 {
|
.c30 {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
margin: 0;
|
|
||||||
border: none;
|
border: none;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c0 {
|
.c0 {
|
||||||
@ -400,10 +404,6 @@ describe('<ListPage />', () => {
|
|||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c37 {
|
|
||||||
font-family: Lato;
|
|
||||||
}
|
|
||||||
|
|
||||||
<main
|
<main
|
||||||
aria-labelledby="title"
|
aria-labelledby="title"
|
||||||
class="c0"
|
class="c0"
|
||||||
|
|||||||
@ -134,8 +134,8 @@ describe('ADMIN | pages | SettingsPage', () => {
|
|||||||
|
|
||||||
.c7 {
|
.c7 {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
margin: 0;
|
|
||||||
border: none;
|
border: none;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c8 {
|
.c8 {
|
||||||
|
|||||||
@ -55,6 +55,74 @@ describe('DynamicTable', () => {
|
|||||||
const { container, getByText } = render(app);
|
const { container, getByText } = render(app);
|
||||||
|
|
||||||
expect(container.firstChild).toMatchInlineSnapshot(`
|
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 {
|
.c12 {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
@ -248,74 +316,6 @@ describe('DynamicTable', () => {
|
|||||||
height: 0.25rem;
|
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
|
<div
|
||||||
class="c0"
|
class="c0"
|
||||||
>
|
>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -49,6 +49,41 @@ describe('Admin | containers | ListView', () => {
|
|||||||
} = render(App);
|
} = render(App);
|
||||||
|
|
||||||
expect(firstChild).toMatchInlineSnapshot(`
|
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 {
|
.c1 {
|
||||||
padding-bottom: 56px;
|
padding-bottom: 56px;
|
||||||
}
|
}
|
||||||
@ -121,41 +156,6 @@ describe('Admin | containers | ListView', () => {
|
|||||||
line-height: 1.5;
|
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 {
|
.c3 {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -35,7 +35,7 @@ exports[`<CreatePage /> renders and matches the snapshot 1`] = `
|
|||||||
}
|
}
|
||||||
|
|
||||||
.c18 {
|
.c18 {
|
||||||
font-weight: 500;
|
font-weight: 400;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
line-height: 1.43;
|
line-height: 1.43;
|
||||||
color: #32324d;
|
color: #32324d;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user