Project

General

Profile

« Previous | Next » 

Revision dc86fdd8

Added by Amir Fefer about 6 years ago

Fixes #23364 - add search input in breadcrumbs switcher

View differences:

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