2019-06-20 19:37:28 +07:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
2019-10-08 12:47:11 +07:00
|
|
|
exports[`<Header /> component with logged in state should load the component in logged in state 1`] = `
|
|
|
|
<header
|
|
|
|
class="MuiPaper-root MuiPaper-elevation4 MuiAppBar-root MuiAppBar-positionStatic css-rfunvc emotion-9 MuiAppBar-colorPrimary"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="MuiToolbar-root MuiToolbar-regular css-1pwdmmq emotion-8 MuiToolbar-gutters"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="MuiToolbar-root MuiToolbar-regular css-1vacr9s emotion-4 MuiToolbar-gutters"
|
|
|
|
>
|
|
|
|
<a
|
|
|
|
class="css-1dk30lc"
|
|
|
|
href="/"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="css-1sifsqk emotion-0"
|
|
|
|
/>
|
|
|
|
</a>
|
|
|
|
<div
|
|
|
|
class="css-13zpdre emotion-3"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="css-1crzyyo emotion-2"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
aria-expanded="false"
|
|
|
|
aria-haspopup="listbox"
|
|
|
|
aria-owns="react-autowhatever-1"
|
|
|
|
class="react-autosuggest__container"
|
|
|
|
role="combobox"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
aria-autocomplete="list"
|
|
|
|
aria-controls="react-autowhatever-1"
|
|
|
|
class="MuiFormControl-root MuiTextField-root react-autosuggest__input MuiFormControl-fullWidth"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="MuiInputBase-root MuiInput-root css-n9ojyg MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedStart"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="MuiInputAdornment-root css-16qv2i2 MuiInputAdornment-positionStart"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
<input
|
|
|
|
aria-invalid="false"
|
|
|
|
autocomplete="off"
|
|
|
|
class="MuiInputBase-input MuiInput-input css-hodoyq MuiInputBase-inputAdornedStart"
|
|
|
|
placeholder="Search Packages"
|
|
|
|
type="text"
|
|
|
|
value=""
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="MuiPaper-root MuiPaper-elevation1 react-autosuggest__suggestions-container css-cfo6a emotion-1"
|
|
|
|
id="react-autowhatever-1"
|
|
|
|
role="listbox"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="MuiToolbar-root MuiToolbar-regular css-m61s5i emotion-7 MuiToolbar-gutters"
|
|
|
|
>
|
|
|
|
<button
|
|
|
|
class="MuiButtonBase-root MuiIconButton-root css-1y1xi9f emotion-5 MuiIconButton-colorInherit"
|
|
|
|
tabindex="0"
|
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="MuiIconButton-label"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="MuiTouchRipple-root"
|
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
<a
|
|
|
|
class="css-1aacqdd emotion-6"
|
|
|
|
data-testid="header--tooltip-documentation"
|
|
|
|
href="https://verdaccio.org/docs/en/installation"
|
|
|
|
target="_blank"
|
|
|
|
>
|
|
|
|
<button
|
|
|
|
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit"
|
|
|
|
tabindex="0"
|
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="MuiIconButton-label"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="MuiTouchRipple-root"
|
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
</a>
|
|
|
|
<button
|
|
|
|
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit"
|
|
|
|
data-testid="header--tooltip-info"
|
|
|
|
id="header--button-registryInfo"
|
|
|
|
tabindex="0"
|
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="MuiIconButton-label"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="MuiTouchRipple-root"
|
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit"
|
|
|
|
data-testid="header--menu-acountcircle"
|
|
|
|
id="header--button-account"
|
|
|
|
tabindex="0"
|
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="MuiIconButton-label"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="MuiTouchRipple-root"
|
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
`;
|
2019-06-20 19:37:28 +07:00
|
|
|
|
2019-10-08 12:47:11 +07:00
|
|
|
exports[`<Header /> component with logged in state should load the component in logged out state 1`] = `
|
|
|
|
<header
|
|
|
|
class="MuiPaper-root MuiPaper-elevation4 MuiAppBar-root MuiAppBar-positionStatic css-rfunvc emotion-9 MuiAppBar-colorPrimary"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="MuiToolbar-root MuiToolbar-regular css-1pwdmmq emotion-8 MuiToolbar-gutters"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="MuiToolbar-root MuiToolbar-regular css-1vacr9s emotion-4 MuiToolbar-gutters"
|
|
|
|
>
|
|
|
|
<a
|
|
|
|
class="css-1dk30lc"
|
|
|
|
href="/"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="css-1sifsqk emotion-0"
|
|
|
|
/>
|
|
|
|
</a>
|
|
|
|
<div
|
|
|
|
class="css-13zpdre emotion-3"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="css-1crzyyo emotion-2"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
aria-expanded="false"
|
|
|
|
aria-haspopup="listbox"
|
|
|
|
aria-owns="react-autowhatever-1"
|
|
|
|
class="react-autosuggest__container"
|
|
|
|
role="combobox"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
aria-autocomplete="list"
|
|
|
|
aria-controls="react-autowhatever-1"
|
|
|
|
class="MuiFormControl-root MuiTextField-root react-autosuggest__input MuiFormControl-fullWidth"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="MuiInputBase-root MuiInput-root css-n9ojyg MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedStart"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="MuiInputAdornment-root css-16qv2i2 MuiInputAdornment-positionStart"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
<input
|
|
|
|
aria-invalid="false"
|
|
|
|
autocomplete="off"
|
|
|
|
class="MuiInputBase-input MuiInput-input css-hodoyq MuiInputBase-inputAdornedStart"
|
|
|
|
placeholder="Search Packages"
|
|
|
|
type="text"
|
|
|
|
value=""
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="MuiPaper-root MuiPaper-elevation1 react-autosuggest__suggestions-container css-cfo6a emotion-1"
|
|
|
|
id="react-autowhatever-1"
|
|
|
|
role="listbox"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="MuiToolbar-root MuiToolbar-regular css-m61s5i emotion-7 MuiToolbar-gutters"
|
|
|
|
>
|
|
|
|
<button
|
|
|
|
class="MuiButtonBase-root MuiIconButton-root css-1y1xi9f emotion-5 MuiIconButton-colorInherit"
|
|
|
|
tabindex="0"
|
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="MuiIconButton-label"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="MuiTouchRipple-root"
|
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
<a
|
|
|
|
class="css-1aacqdd emotion-6"
|
|
|
|
data-testid="header--tooltip-documentation"
|
|
|
|
href="https://verdaccio.org/docs/en/installation"
|
|
|
|
target="_blank"
|
|
|
|
>
|
|
|
|
<button
|
|
|
|
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit"
|
|
|
|
tabindex="0"
|
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="MuiIconButton-label"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="MuiTouchRipple-root"
|
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
</a>
|
|
|
|
<button
|
|
|
|
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit"
|
|
|
|
data-testid="header--tooltip-info"
|
|
|
|
id="header--button-registryInfo"
|
|
|
|
tabindex="0"
|
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="MuiIconButton-label"
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
aria-hidden="true"
|
|
|
|
class="MuiSvgIcon-root"
|
|
|
|
focusable="false"
|
|
|
|
role="presentation"
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="MuiTouchRipple-root"
|
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
|
|
|
|
data-testid="header--button-login"
|
|
|
|
tabindex="0"
|
|
|
|
type="button"
|
|
|
|
>
|
|
|
|
<span
|
|
|
|
class="MuiButton-label"
|
|
|
|
>
|
|
|
|
Login
|
|
|
|
</span>
|
|
|
|
<span
|
|
|
|
class="MuiTouchRipple-root"
|
|
|
|
/>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
`;
|