Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[PipelineViewer] Test PipelineViewer sub-components #20329

Merged
merged 12 commits into from
Jul 9, 2018
Merged

[PipelineViewer] Test PipelineViewer sub-components #20329

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
5d2e42c
Add tests for PipelineViewer component.
justinkambic Jun 27, 2018
6983c4b
Test Metric component.
justinkambic Jun 28, 2018
a9cc893
Rename config view to PipelineViewer.
justinkambic Jun 21, 2018
a0c442b
Decouple CollapsibleStatement from if/else using props.children.
justinkambic Jun 21, 2018
34fba3e
Test CollapsibleStatement component.
justinkambic Jun 28, 2018
82b26d3
Test PluginStatement component.
justinkambic Jun 28, 2018
584c325
Test Queue component.
justinkambic Jun 28, 2018
6c8a2fa
Test StatementListHeading component.
justinkambic Jun 28, 2018
8b7d552
Test StatementSection component. Move StatementList component to dedi…
justinkambic Jun 28, 2018
d66a5a1
Test StatementList component.
justinkambic Jun 28, 2018
38d6ee5
Test Statement component.
justinkambic Jun 28, 2018
5c7a413
Run prettier on edited files.
justinkambic Jul 2, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 32 additions & 0 deletions .../logstash/pipeline_viewer/views/__test__/__snapshots__/collapsible_statement.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`CollapsibleStatement component renders child components 1`] = `
<EuiFlexGroup
alignItems="center"
className="pipelineViewer__statement"
component="div"
direction="row"
gutterSize="none"
justifyContent="flexStart"
responsive={false}
wrap={false}
>
<EuiFlexItem
component="div"
grow={false}
key="statementId"
>
<EuiButtonIcon
aria-label={true}
color="text"
iconType="arrowDown"
onClick={[Function]}
size="s"
type="button"
/>
</EuiFlexItem>
<div>
child element
</div>
</EuiFlexGroup>
`;
36 changes: 36 additions & 0 deletions ...blic/components/logstash/pipeline_viewer/views/__test__/__snapshots__/metric.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Metric component does not render warning badge when no warning present 1`] = `
<EuiFlexItem
className="pipelineViewer__metricFlexItem"
component="div"
grow={false}
>
<EuiText
className="pipelineViewer__metric metricClass"
color="subdued"
grow={true}
size="s"
>
<span>
220
</span>
</EuiText>
</EuiFlexItem>
`;

exports[`Metric component renders warning badge 1`] = `
<EuiFlexItem
className="pipelineViewer__metricFlexItem"
component="div"
grow={false}
>
<EuiBadge
className="metricClass"
color="warning"
iconSide="left"
>
220
</EuiBadge>
</EuiFlexItem>
`;
177 changes: 177 additions & 0 deletions ...onents/logstash/pipeline_viewer/views/__test__/__snapshots__/pipeline_viewer.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,177 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`PipelineViewer component passes expected props 1`] = `
<EuiPage
restrictWidth={false}
>
<EuiPageContent
className="pipelineViewer"
horizontalPosition="center"
panelPaddingSize="l"
verticalPosition="center"
>
<StatementSection
detailVertex={null}
elements={
Array [
Object {
"depth": 0,
"id": "standardInput",
"parentId": null,
},
]
}
headingText="Inputs"
iconType="logstashInput"
onShowVertexDetails={[Function]}
/>
<EuiSpacer
size="l"
/>
<Queue
queue={
Object {
"hasExplicitId": false,
"id": "__QUEUE__",
"meta": null,
"stats": Array [],
}
}
/>
<EuiSpacer
size="l"
/>
<StatementSection
detailVertex={null}
elements={
Array [
Object {
"depth": 0,
"id": "mutate",
"parentId": null,
},
]
}
headingText="Filters"
iconType="logstashFilter"
onShowVertexDetails={[Function]}
/>
<EuiSpacer
size="l"
/>
<StatementSection
detailVertex={null}
elements={
Array [
Object {
"depth": 0,
"id": "elasticsearch",
"parentId": null,
},
]
}
headingText="Outputs"
iconType="logstashOutput"
onShowVertexDetails={[Function]}
/>
</EuiPageContent>
</EuiPage>
`;

exports[`PipelineViewer component renders DetailDrawer when selected vertex is not null 1`] = `
<EuiPage
restrictWidth={false}
>
<EuiPageContent
className="pipelineViewer"
horizontalPosition="center"
panelPaddingSize="l"
verticalPosition="center"
>
<StatementSection
detailVertex={
Object {
"id": "stdin",
}
}
elements={
Array [
Object {
"depth": 0,
"id": "standardInput",
"parentId": null,
},
]
}
headingText="Inputs"
iconType="logstashInput"
onShowVertexDetails={[Function]}
/>
<EuiSpacer
size="l"
/>
<Queue
queue={
Object {
"hasExplicitId": false,
"id": "__QUEUE__",
"meta": null,
"stats": Array [],
}
}
/>
<EuiSpacer
size="l"
/>
<StatementSection
detailVertex={
Object {
"id": "stdin",
}
}
elements={
Array [
Object {
"depth": 0,
"id": "mutate",
"parentId": null,
},
]
}
headingText="Filters"
iconType="logstashFilter"
onShowVertexDetails={[Function]}
/>
<EuiSpacer
size="l"
/>
<StatementSection
detailVertex={
Object {
"id": "stdin",
}
}
elements={
Array [
Object {
"depth": 0,
"id": "elasticsearch",
"parentId": null,
},
]
}
headingText="Outputs"
iconType="logstashOutput"
onShowVertexDetails={[Function]}
/>
<DetailDrawer
onHide={[Function]}
vertex={
Object {
"id": "stdin",
}
}
/>
</EuiPageContent>
</EuiPage>
`;
Loading