PMM-11231 PMM Updates UI #33
Annotations
3 errors
src/components/app-bar/AppBar.test.tsx > AppBar > links back to older PMM:
ui/src/components/app-bar/AppBar.test.tsx#L14
TestingLibraryElementError: Found multiple elements by: [data-testid="appbar-pmm-link"]
Here are the matching elements:
Ignored nodes: comments, script, style
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11teat2-MuiTypography-root-MuiLink-root"
data-testid="appbar-pmm-link"
href="/graph/d/pmm-home"
>
<div
class="MuiStack-root css-1qxw92a-MuiStack-root"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-147epwy-MuiSvgIcon-root"
fill="none"
focusable="false"
height="160"
viewBox="0 0 160 160"
width="160"
xmlns="http://www.w3.org/2000/svg"
>
<rect
fill="url(#paint0_radial_10873_73750)"
height="160"
rx="24"
width="160"
/>
<path
d="M28 81.7473L54.9688 125.486L54.9739 125.481L64.4666 108.858L82.3023 140L103.294 103.348L110.487 115.947L132 81.7476L126.433 81.7473L110.492 107.326L105.756 99.058L115.482 81.7473H110.022L103.094 94.4062L95.8592 81.7473H90.8396L100.644 98.6903L82.3074 130.711L67.126 104.206L79.9506 81.7473H75.0287L64.7452 100.049L54.1308 81.7473H48.7472L62.0859 104.691L54.9739 117.106L32.4493 81.7473H28Z"
fill="white"
opacity="0.33"
/>
<path
d="M121.814 63.9089C123.744 62.2032 125.147 59.9409 125.82 57.4079C126.732 53.9914 126.266 50.4217 124.514 47.3575C122.761 44.2934 119.929 42.1026 116.541 41.1884C115.421 40.8871 114.277 40.7339 113.127 40.7339C111.724 40.7339 110.316 40.9739 108.973 41.4285L105.027 34.5189L95.5352 51.1417L77.7004 20L56.7099 56.6521L49.5172 44.0534L28 81.7473H132L121.814 63.9089ZM113.127 44.9165C113.912 44.9165 114.702 45.0237 115.472 45.228C117.782 45.8459 119.717 47.3422 120.922 49.4412C122.123 51.535 122.442 53.9761 121.819 56.315C121.424 57.7909 120.694 59.0983 119.686 60.1758L111.111 45.1565C111.774 44.9982 112.458 44.9165 113.132 44.9165H113.127ZM35.4003 77.4371L49.5122 52.6738L54.2482 60.9418L44.8724 77.4371H35.4003ZM56.9075 65.5891L63.5024 77.4371H50.3125L56.9075 65.5891ZM68.3752 77.4371L59.359 61.3095L77.6953 29.2894L92.8759 55.7941L80.7041 77.4371H68.3752ZM95.2566 59.9511L105.078 77.4371H85.435L95.2566 59.9511ZM110.589 77.4371L97.9158 55.309L105.027 42.8941L124.807 77.4371H110.589Z"
fill="white"
/>
<defs>
<radialgradient
cx="0"
cy="0"
gradientTransform="translate(2.73197 154.177) scale(210.691)"
gradientUnits="userSpaceOnUse"
id="paint0_radial_10873_73750"
r="1"
>
<stop
offset="0.22"
stop-color="#AC3100"
/>
<stop
offset="1"
stop-color="#E87318"
/>
</radialgradient>
</defs>
</svg>
<p
class="MuiTypography-root MuiTypography-body1 css-mb2ncg-MuiTypography-root"
>
PMM
</p>
</div>
</a>
Ignored nodes: comments, script, style
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-bvyohc-MuiTypography-root-MuiLink-root"
data-testid="appbar-pmm-link"
href="https://docs.percona.com/percona-monitoring-and-management/index.html"
>
<p
class="MuiTypography-root MuiTypography-body1 css-mb2ncg-MuiTypography-root"
>
Support
</p>
</a>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionStatic css-1q2iw2d-MuiPaper-root-MuiAppBar-root"
>
<div
class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-hyum1k-MuiToolbar-root"
>
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11teat2-MuiTypography-root-MuiLink-root"
data-testid="appbar-pmm-link"
href="/graph/d/pmm-home"
>
<div
class="MuiStac
|
src/components/app-bar/AppBar.test.tsx > AppBar > links to support:
ui/src/components/app-bar/AppBar.test.tsx#L27
Error: expect(element).toHaveAttribute("href", "https://docs.percona.com/percona-monitoring-and-management/index.html") // element.getAttribute("href") === "https://docs.percona.com/percona-monitoring-and-management/index.html"
Expected the element to have attribute:
href="https://docs.percona.com/percona-monitoring-and-management/index.html"
Received:
href="/"
❯ src/components/app-bar/AppBar.test.tsx:27:55
|
CI
Process completed with exit code 2.
|