feat: add payroll blockers to PayrollList #3247
serikjensenAnnotations
3 errors
|
build
Process completed with exit code 1.
|
|
src/components/Payroll/PayrollLanding/PayrollLanding.test.tsx > PayrollLanding > tab navigation > switches between tabs correctly:
src/components/Payroll/PayrollLanding/PayrollLanding.test.tsx#L104
TestingLibraryElementError: Unable to find role="heading" and name "Upcoming payroll"
Ignored nodes: comments, script, style
<body>
<div>
<article
class="GSDK"
data-testid="GSDK"
>
<div
lang="en-US"
>
<div
class="_fade_8c1d2d _fadeIn_8c1d2d"
>
<template
data-react-aria-hidden="true"
/>
<div
class="_root_d1a53b"
data-focused="true"
data-orientation="horizontal"
data-rac=""
>
<div
aria-orientation="horizontal"
class="react-aria-TabList"
data-collection="react-aria-«ri»"
data-orientation="horizontal"
data-rac=""
id="react-aria-«rj»"
role="tablist"
>
<div
aria-controls="react-aria-«rj»-tabpanel-run-payroll"
aria-selected="true"
class="react-aria-Tab"
data-collection="react-aria-«ri»"
data-focused="true"
data-hovered="true"
data-key="run-payroll"
data-rac=""
data-react-aria-pressable="true"
data-selected="true"
id="react-aria-«rj»-tab-run-payroll"
role="tab"
tabindex="0"
>
Run payroll
</div>
<div
aria-selected="false"
class="react-aria-Tab"
data-collection="react-aria-«ri»"
data-key="payroll-history"
data-rac=""
data-react-aria-pressable="true"
id="react-aria-«rj»-tab-payroll-history"
role="tab"
tabindex="-1"
>
Payroll history
</div>
</div>
<div
aria-labelledby="react-aria-«rj»-tab-run-payroll"
class="react-aria-TabPanel"
data-rac=""
id="react-aria-«rj»-tabpanel-run-payroll"
role="tabpanel"
>
<div
class="_internalErrorCard_c4fd83"
data-testid="internal-error-card"
role="alert"
>
<div>
<h1
class="_internalErrorCardTitle_c4fd83 _root_6f170c _h3_6f170c _textAlign-undefined_6f170c"
>
Error
</h1>
<p
class="_errorMessage_c4fd83 _root_173295 _md_173295"
>
Error while rendering SDK component: Response validation failed
</p>
</div>
<div>
<button
class="_root_fb3795 react-aria-Button"
data-rac=""
data-react-aria-pressable="true"
data-variant="secondary"
id="react-aria-«r1i»"
tabindex="0"
type="button"
>
Try again
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<article
class="GSDK"
data-testid="GSDK"
>
<div
lang="en-US"
>
<div
class="_fade_8c1d2d _fadeIn_8c1d2d"
>
<template
data-react-aria-hidden="true"
/>
<div
class="_root_d1a53b"
data-focused="true"
data-orientation="horizontal"
data-rac=""
>
<div
aria-orientation="horizontal"
class="react-aria-TabList"
data-collection="react-aria-«ri»"
data-orientation="horizontal"
|
|
src/components/Payroll/PayrollLanding/PayrollLanding.test.tsx > PayrollLanding > rendering > renders the payroll list in run payroll tab by default:
src/components/Payroll/PayrollLanding/PayrollLanding.test.tsx#L40
TestingLibraryElementError: Unable to find role="heading" and name "Upcoming payroll"
Ignored nodes: comments, script, style
<body>
<div>
<article
class="GSDK"
data-testid="GSDK"
>
<div
lang="en-US"
>
<div
class="_fade_8c1d2d _fadeIn_8c1d2d"
>
<template
data-react-aria-hidden="true"
/>
<div
class="_root_d1a53b"
data-orientation="horizontal"
data-rac=""
>
<div
aria-orientation="horizontal"
class="react-aria-TabList"
data-collection="react-aria-«r0»"
data-orientation="horizontal"
data-rac=""
id="react-aria-«r1»"
role="tablist"
>
<div
aria-controls="react-aria-«r1»-tabpanel-run-payroll"
aria-selected="true"
class="react-aria-Tab"
data-collection="react-aria-«r0»"
data-key="run-payroll"
data-rac=""
data-react-aria-pressable="true"
data-selected="true"
id="react-aria-«r1»-tab-run-payroll"
role="tab"
tabindex="0"
>
Run payroll
</div>
<div
aria-selected="false"
class="react-aria-Tab"
data-collection="react-aria-«r0»"
data-key="payroll-history"
data-rac=""
data-react-aria-pressable="true"
id="react-aria-«r1»-tab-payroll-history"
role="tab"
tabindex="-1"
>
Payroll history
</div>
</div>
<div
aria-labelledby="react-aria-«r1»-tab-run-payroll"
class="react-aria-TabPanel"
data-rac=""
id="react-aria-«r1»-tabpanel-run-payroll"
role="tabpanel"
>
<div
class="_internalErrorCard_c4fd83"
data-testid="internal-error-card"
role="alert"
>
<div>
<h1
class="_internalErrorCardTitle_c4fd83 _root_6f170c _h3_6f170c _textAlign-undefined_6f170c"
>
Error
</h1>
<p
class="_errorMessage_c4fd83 _root_173295 _md_173295"
>
Error while rendering SDK component: Response validation failed
</p>
</div>
<div>
<button
class="_root_fb3795 react-aria-Button"
data-rac=""
data-react-aria-pressable="true"
data-variant="secondary"
id="react-aria-«r9»"
tabindex="0"
type="button"
>
Try again
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<article
class="GSDK"
data-testid="GSDK"
>
<div
lang="en-US"
>
<div
class="_fade_8c1d2d _fadeIn_8c1d2d"
>
<template
data-react-aria-hidden="true"
/>
<div
class="_root_d1a53b"
data-orientation="horizontal"
data-rac=""
>
<div
aria-orientation="horizontal"
class="react-aria-TabList"
data-collection="react-aria-«r0»"
data-orientation="horizontal"
data-rac=""
id="react-aria-«r1»"
role="tablist"
>
<div
|