Revision dc86fdd8
Added by Amir Fefer about 6 years ago
webpack/assets/javascripts/react_app/components/BreadcrumbBar/components/__snapshots__/BreadcrumbSwitcherPopover.test.js.snap | ||
---|---|---|
id="some-id"
|
||
placement="right"
|
||
>
|
||
<SearchInput
|
||
focus={true}
|
||
/>
|
||
<div
|
||
className="breadcrumb-switcher-popover-loading text-center"
|
||
>
|
||
... | ... | |
id="some-id"
|
||
placement="right"
|
||
>
|
||
<SearchInput
|
||
focus={true}
|
||
/>
|
||
<React.Fragment>
|
||
<ListGroup
|
||
bsClass="list-group"
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 1
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 1
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 2
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 2
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 3 with a very long name
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 3 with a very long name
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 4
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 4
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 5
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 5
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
</ListGroup>
|
||
<Pager
|
||
baseClassName="content-view-pf-pagination"
|
||
className="pager-sm"
|
||
disableNext={true}
|
||
disablePrevious={true}
|
||
messages={
|
||
Object {
|
||
"nextPage": "Next",
|
||
"previousPage": "Previous",
|
||
}
|
||
}
|
||
onNextPage={[Function]}
|
||
onPreviousPage={[Function]}
|
||
/>
|
||
</React.Fragment>
|
||
</Popover>
|
||
`;
|
||
|
||
exports[`BreadcrumbSwitcherPopover render resources list with a search query 1`] = `
|
||
<Popover
|
||
bsClass="popover"
|
||
className="breadcrumb-switcher-popover"
|
||
id="some-id"
|
||
placement="right"
|
||
>
|
||
<SearchInput
|
||
focus={true}
|
||
/>
|
||
<React.Fragment>
|
||
<ListGroup
|
||
bsClass="list-group"
|
||
className="scrollable-list"
|
||
>
|
||
<ListGroupItem
|
||
active={false}
|
||
bsClass="list-group-item"
|
||
className="no-border"
|
||
href="#"
|
||
id="1-Host 1"
|
||
key="1-Host 1"
|
||
listItem={false}
|
||
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 1
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
active={false}
|
||
bsClass="list-group-item"
|
||
className="no-border"
|
||
href="#"
|
||
id="2-Host 2"
|
||
key="2-Host 2"
|
||
listItem={false}
|
||
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 2
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
active={false}
|
||
bsClass="list-group-item"
|
||
className="no-border"
|
||
href="#"
|
||
id="3-Host 3 with a very long name"
|
||
key="3-Host 3 with a very long name"
|
||
listItem={false}
|
||
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 3 with a very long name
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
active={false}
|
||
bsClass="list-group-item"
|
||
className="no-border"
|
||
id="4-Host 4"
|
||
key="4-Host 4"
|
||
listItem={false}
|
||
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 4
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
active={false}
|
||
bsClass="list-group-item"
|
||
className="no-border"
|
||
href="#"
|
||
id="5-Host 5"
|
||
key="5-Host 5"
|
||
listItem={false}
|
||
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 5
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
</ListGroup>
|
||
... | ... | |
id="some-id"
|
||
placement="right"
|
||
>
|
||
<SearchInput
|
||
focus={true}
|
||
/>
|
||
<React.Fragment>
|
||
<ListGroup
|
||
bsClass="list-group"
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 1
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 1
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 2
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 2
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 3 with a very long name
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 3 with a very long name
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 4
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 4
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
<ListGroupItem
|
||
... | ... | |
onClick={[Function]}
|
||
>
|
||
<EllipisWithTooltip>
|
||
Host 5
|
||
<SubstringWrapper
|
||
Element="b"
|
||
>
|
||
Host 5
|
||
</SubstringWrapper>
|
||
</EllipisWithTooltip>
|
||
</ListGroupItem>
|
||
</ListGroup>
|
Also available in: Unified diff
Fixes #23364 - add search input in breadcrumbs switcher