Project

General

Profile

« Previous | Next » 

Revision fa0ea18d

Added by Maria Agaphontzev almost 5 years ago

Fixes #27472 - adds before toolbar to page layout

View differences:

webpack/assets/javascripts/react_app/pages/AuditsPage/__snapshots__/AuditsPage.test.js.snap
exports[`AuditsPage rendering render audits page 1`] = `
<PageLayout
beforeToolbarComponent={null}
breadcrumbOptions={null}
customBreadcrumbs={null}
header="Audits"
webpack/assets/javascripts/react_app/pages/HostWizardPage/__snapshots__/HostWizard.test.js.snap
exports[`HostWizard rendering renders LoginPage 1`] = `
<PageLayout
beforeToolbarComponent={null}
breadcrumbOptions={null}
customBreadcrumbs={null}
header="Host Wizard"
webpack/assets/javascripts/react_app/pages/common/PageLayout/PageLayout.js
breadcrumbOptions,
toolbarButtons,
toastNotifications,
beforeToolbarComponent,
children,
}) => {
updateDocumentTitle(header);
......
? { customBreadcrumbs }
: breadcrumbOptions && <BreadcrumbBar data={breadcrumbOptions} />}
</div>
{beforeToolbarComponent}
<Row>
<Col className="title_filter" md={searchable ? 6 : 4}>
{searchable && (
......
onSearch: PropTypes.func,
onBookmarkClick: PropTypes.func,
searchQuery: PropTypes.string,
beforeToolbarComponent: PropTypes.node,
};
PageLayout.defaultProps = {
......
onSearch: searchQuery => changeQuery({ search: searchQuery.trim(), page: 1 }),
onBookmarkClick: searchQuery =>
changeQuery({ search: searchQuery.trim(), page: 1 }),
beforeToolbarComponent: null,
};
export default PageLayout;
webpack/assets/javascripts/react_app/pages/common/PageLayout/PageLayout.test.js
...pageLayoutMock,
toolbarButtons: 'toolbarButton',
},
'render pageLayout w/beforeToolbarComponent': {
...pageLayoutMock,
beforeToolbarComponent: 'beforeToolbarComponent',
},
};
testComponentSnapshotsWithFixtures(PageLayout, pageLayoutFixtures);
webpack/assets/javascripts/react_app/pages/common/PageLayout/__snapshots__/PageLayout.test.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`render pageLayout w/beforeToolbarComponent 1`] = `
<div
id="main"
>
<div
id="react-content"
>
<div
id="breadcrumb"
>
<Connect(BreadcrumbBar)
data={
Object {
"data": Object {
"breadcrumbItems": Array [
Object {
"caption": "root",
"url": "/some-url",
},
Object {
"caption": "child with onClick",
"onClick": [MockFunction],
},
Object {
"caption": "active child",
},
],
"isSwitchable": false,
"resource": Object {
"nameField": "name",
"resourceUrl": "some/url",
"switcherItemUrl": "some/url/:id",
},
},
}
}
/>
</div>
beforeToolbarComponent
<Row
bsClass="row"
componentClass="div"
>
<Col
bsClass="col"
className="title_filter"
componentClass="div"
md={6}
>
<div
id="search-bar"
>
<Connect(SearchBar)
data={
Object {
"data": Object {
"autocomplete": Object {
"id": "some-id",
"searchQuery": null,
"url": "model/auto_complete_search",
"useKeyShortcuts": true,
},
"bookmarks": Object {
"canCreate": true,
"documentationUrl": "/doc/url",
"url": "/api/bookmarks",
},
"controller": "models",
},
}
}
initialQuery=""
onBookmarkClick={[Function]}
onSearch={[Function]}
/>
</div>
</Col>
<Col
bsClass="col"
componentClass="div"
id="title_action"
md={6}
>
<div
className="btn-toolbar pull-right"
/>
</Col>
</Row>
body
</div>
</div>
`;
exports[`render pageLayout w/search 1`] = `
<div
id="main"
webpack/assets/javascripts/react_app/routes/Statistics/StatisticsPage/__tests__/__snapshots__/StatisticsPage.test.js.snap
exports[`StatisticsPage rendering render with props 1`] = `
<PageLayout
beforeToolbarComponent={null}
breadcrumbOptions={null}
customBreadcrumbs={null}
header="Statistics"

Also available in: Unified diff