Adds AddOrgBtn to Orgs List empty state

This commit is contained in:
Alex Corey
2019-05-17 11:10:44 -04:00
parent 5df2b1f346
commit d3cc1a8771
10 changed files with 317 additions and 300 deletions

View File

@@ -15,7 +15,7 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
entryDelay={500}
exitDelay={500}
maxWidth="18.75rem"
position="left"
position="top"
trigger="mouseenter focus"
zIndex={9999}
>
@@ -49,7 +49,7 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
maxWidth="18.75rem"
onCreate={[Function]}
performance={true}
placement="left"
placement="top"
popperOptions={
Object {
"modifiers": Object {
@@ -66,96 +66,94 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
trigger="mouseenter focus"
zIndex={9999}
>
<ToolbarDeleteButton__Button
aria-label="Delete"
className="awx-ToolBarBtn"
isDisabled={true}
onClick={[Function]}
variant="plain"
>
<StyledComponent
<div>
<ToolbarDeleteButton__DeleteButton
aria-label="Delete"
className="awx-ToolBarBtn"
forwardedComponent={
Object {
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "ToolbarDeleteButton__Button-sc-1e3r0eg-0",
"isStatic": true,
"lastClassName": "iyjqWq",
"rules": Array [
"width:30px;height:30px;display:flex;justify-content:center;margin-right:20px;border-radius:3px;padding:0;&:disabled{cursor:not-allowed;&:hover{background-color:white;> svg{color:#d2d2d2;}}}&:hover{background-color:#d9534f;> svg{color:white;}}",
],
},
"displayName": "ToolbarDeleteButton__Button",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "ToolbarDeleteButton__Button-sc-1e3r0eg-0",
"target": [Function],
"toString": [Function],
"warnTooManyClasses": [Function],
"withComponent": [Function],
}
}
forwardedRef={null}
isDisabled={true}
onClick={[Function]}
variant="plain"
>
<Button
<StyledComponent
aria-label="Delete"
className="awx-ToolBarBtn ToolbarDeleteButton__Button-sc-1e3r0eg-0 iyjqWq"
component="button"
isActive={false}
isBlock={false}
forwardedComponent={
Object {
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0",
"isStatic": true,
"lastClassName": "bQjfFG",
"rules": Array [
"padding:5px 8px;&:hover{background-color:#d9534f;color:white;}&[disabled]{color:var(--pf-c-button--m-plain--Color);pointer-events:initial;cursor:not-allowed;}",
],
},
"displayName": "ToolbarDeleteButton__DeleteButton",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0",
"target": [Function],
"toString": [Function],
"warnTooManyClasses": [Function],
"withComponent": [Function],
}
}
forwardedRef={null}
isDisabled={true}
isFocus={false}
isHover={false}
onClick={[Function]}
type="button"
variant="plain"
>
<button
aria-disabled={null}
<Button
aria-label="Delete"
className="pf-c-button pf-m-plain pf-m-disabled awx-ToolBarBtn ToolbarDeleteButton__Button-sc-1e3r0eg-0 iyjqWq"
disabled={true}
className="ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0 bQjfFG"
component="button"
isActive={false}
isBlock={false}
isDisabled={true}
isFocus={false}
isHover={false}
onClick={[Function]}
tabIndex={null}
type="button"
variant="plain"
>
<TrashAltIcon
className="awx-ToolBarTrashCanIcon"
color="currentColor"
size="sm"
title={null}
<button
aria-disabled={null}
aria-label="Delete"
className="pf-c-button pf-m-plain pf-m-disabled ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0 bQjfFG"
disabled={true}
onClick={[Function]}
tabIndex={null}
type="button"
>
<svg
aria-hidden={true}
aria-labelledby={null}
className="awx-ToolBarTrashCanIcon"
fill="currentColor"
height="1em"
role="img"
style={
Object {
"verticalAlign": "-0.125em",
}
}
viewBox="0 0 448 512"
width="1em"
<TrashAltIcon
color="currentColor"
size="sm"
title={null}
>
<path
d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
transform=""
/>
</svg>
</TrashAltIcon>
</button>
</Button>
</StyledComponent>
</ToolbarDeleteButton__Button>
<svg
aria-hidden={true}
aria-labelledby={null}
fill="currentColor"
height="1em"
role="img"
style={
Object {
"verticalAlign": "-0.125em",
}
}
viewBox="0 0 448 512"
width="1em"
>
<path
d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
transform=""
/>
</svg>
</TrashAltIcon>
</button>
</Button>
</StyledComponent>
</ToolbarDeleteButton__DeleteButton>
</div>
<Portal
containerInfo={
<div>

View File

@@ -72,21 +72,20 @@ describe('<OrganizationDetail />', () => {
const custom_virtualenvDetail = detailWrapper.findWhere(node => node.props().label === 'Ansible Environment');
const createdDetail = detailWrapper.findWhere(node => node.props().label === 'Created');
const modifiedDetail = detailWrapper.findWhere(node => node.props().label === 'Last Modified');
expect(nameDetail.find('dt').text()).toBe('Name');
expect(nameDetail.find('dd').text()).toBe('Foo');
expect(nameDetail.find('h6').text()).toBe('Name');
expect(nameDetail.find('p').text()).toBe('Foo');
expect(descriptionDetail.find('dt').text()).toBe('Description');
expect(descriptionDetail.find('dd').text()).toBe('Bar');
expect(descriptionDetail.find('h6').text()).toBe('Description');
expect(descriptionDetail.find('p').text()).toBe('Bar');
expect(custom_virtualenvDetail.find('dt').text()).toBe('Ansible Environment');
expect(custom_virtualenvDetail.find('dd').text()).toBe('Fizz');
expect(custom_virtualenvDetail.find('h6').text()).toBe('Ansible Environment');
expect(custom_virtualenvDetail.find('p').text()).toBe('Fizz');
expect(createdDetail.find('dt').text()).toBe('Created');
expect(createdDetail.find('dd').text()).toBe('Bat');
expect(createdDetail.find('h6').text()).toBe('Created');
expect(createdDetail.find('p').text()).toBe('Bat');
expect(modifiedDetail.find('h6').text()).toBe('Last Modified');
expect(modifiedDetail.find('p').text()).toBe('Boo');
expect(modifiedDetail.find('dt').text()).toBe('Last Modified');
expect(modifiedDetail.find('dd').text()).toBe('Boo');
});
test('should show edit button for users with edit permission', () => {
@@ -95,9 +94,8 @@ describe('<OrganizationDetail />', () => {
organization={mockDetails}
/>
).find('OrganizationDetail');
const editLink = wrapper.findWhere(node => node.props().to === '/organizations/undefined/edit');
expect(editLink.length).toBe(1);
const editButton = wrapper.find('Button');
expect((editButton).prop('to')).toBe('/organizations/undefined/edit');
});
test('should hide edit button for users without edit permission', () => {

View File

@@ -368,11 +368,11 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"componentStyle": ComponentStyle {
"componentId": "DataListToolbar__Toolbar-ajzso8-1",
"isStatic": false,
"lastClassName": "dwCtVz",
"lastClassName": "exECbH",
"rules": Array [
"flex-grow:1;margin-left:",
[Function],
";",
";margin-right:20px;",
],
},
"displayName": "DataListToolbar__Toolbar",
@@ -389,11 +389,11 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
marginleft={0}
>
<Toolbar
className="DataListToolbar__Toolbar-ajzso8-1 dwCtVz"
className="DataListToolbar__Toolbar-ajzso8-1 exECbH"
marginleft={0}
>
<div
className="pf-l-toolbar DataListToolbar__Toolbar-ajzso8-1 dwCtVz"
className="pf-l-toolbar DataListToolbar__Toolbar-ajzso8-1 exECbH"
marginleft={0}
>
<DataListToolbar__ColumnLeft>
@@ -1563,9 +1563,9 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"componentStyle": ComponentStyle {
"componentId": "DataListToolbar__AdditionalControlsWrapper-ajzso8-5",
"isStatic": true,
"lastClassName": "cAcBQW",
"lastClassName": "bWuACV",
"rules": Array [
"display:flex;flex-grow:1;justify-content:flex-end;",
"display:flex;flex-grow:1;justify-content:flex-end;align-items:center;& >:not(:first-child){margin-left:20px;}",
],
},
"displayName": "DataListToolbar__AdditionalControlsWrapper",
@@ -1581,7 +1581,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
forwardedRef={null}
>
<div
className="DataListToolbar__AdditionalControlsWrapper-ajzso8-5 cAcBQW"
className="DataListToolbar__AdditionalControlsWrapper-ajzso8-5 bWuACV"
/>
</StyledComponent>
</DataListToolbar__AdditionalControlsWrapper>
@@ -1770,9 +1770,9 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "sc-htpNat",
"componentId": "sc-bxivhb",
"isStatic": true,
"lastClassName": "dlcYLn",
"lastClassName": "lohjuH",
"rules": Array [
"margin-right: 1.5em;",
],
@@ -1780,7 +1780,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"displayName": "Styled(Link)",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "sc-htpNat",
"styledComponentId": "sc-bxivhb",
"target": [Function],
"toString": [Function],
"warnTooManyClasses": [Function],
@@ -1795,7 +1795,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
}
>
<Link
className="sc-htpNat dlcYLn"
className="sc-bxivhb lohjuH"
replace={false}
to={
Object {
@@ -1804,7 +1804,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
}
>
<a
className="sc-htpNat dlcYLn"
className="sc-bxivhb lohjuH"
onClick={[Function]}
>
<b
@@ -1825,9 +1825,9 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "sc-bxivhb",
"componentId": "sc-ifAKCX",
"isStatic": true,
"lastClassName": "iZoxgU",
"lastClassName": "jGZNNo",
"rules": Array [
"text-transform: capitalize;",
],
@@ -1835,7 +1835,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"displayName": "Styled(Badge)",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "sc-bxivhb",
"styledComponentId": "sc-ifAKCX",
"target": [Function],
"toString": [Function],
"warnTooManyClasses": [Function],
@@ -1846,11 +1846,11 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
isRead={true}
>
<Badge
className="sc-bxivhb iZoxgU"
className="sc-ifAKCX jGZNNo"
isRead={true}
>
<span
className="pf-c-badge pf-m-read sc-bxivhb iZoxgU"
className="pf-c-badge pf-m-read sc-ifAKCX jGZNNo"
>
email
</span>
@@ -2245,9 +2245,9 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "sc-htpNat",
"componentId": "sc-bxivhb",
"isStatic": true,
"lastClassName": "dlcYLn",
"lastClassName": "lohjuH",
"rules": Array [
"margin-right: 1.5em;",
],
@@ -2255,7 +2255,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"displayName": "Styled(Link)",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "sc-htpNat",
"styledComponentId": "sc-bxivhb",
"target": [Function],
"toString": [Function],
"warnTooManyClasses": [Function],
@@ -2270,7 +2270,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
}
>
<Link
className="sc-htpNat dlcYLn"
className="sc-bxivhb lohjuH"
replace={false}
to={
Object {
@@ -2279,7 +2279,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
}
>
<a
className="sc-htpNat dlcYLn"
className="sc-bxivhb lohjuH"
onClick={[Function]}
>
<b
@@ -2300,9 +2300,9 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "sc-bxivhb",
"componentId": "sc-ifAKCX",
"isStatic": true,
"lastClassName": "iZoxgU",
"lastClassName": "jGZNNo",
"rules": Array [
"text-transform: capitalize;",
],
@@ -2310,7 +2310,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
"displayName": "Styled(Badge)",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "sc-bxivhb",
"styledComponentId": "sc-ifAKCX",
"target": [Function],
"toString": [Function],
"warnTooManyClasses": [Function],
@@ -2321,11 +2321,11 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
isRead={true}
>
<Badge
className="sc-bxivhb iZoxgU"
className="sc-ifAKCX jGZNNo"
isRead={true}
>
<span
className="pf-c-badge pf-m-read sc-bxivhb iZoxgU"
className="pf-c-badge pf-m-read sc-ifAKCX jGZNNo"
>
email
</span>