수료증 페이지 구현 #180
Sunjae95integration.yml
on: pull_request
build
19s
chromatic
1m 42s
Annotations
4 errors
|
src/components/Certificate/Certificate.test.tsx > render content id:
src/components/Certificate/Certificate.test.tsx#L81
TestingLibraryElementError: Unable to find an accessible element with the role "heading" and name "테스트1"
Here are the accessible roles:
main:
Name "":
<main
class="_certificate_ba9381"
/>
--------------------------------------------------
banner:
Name "":
<header />
--------------------------------------------------
link:
Name "Go to the homepage":
<a
aria-label="Go to the homepage"
class="_logoLink_63c2ea"
href="http://www.dalestudy.com"
/>
Name "링크드인 공유":
<a
class="_default_379d57 _primaryButton_379d57 "
href="https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&name=undefined&organizationId=104834174&certUrl=http://localhost:3000/?member=test1"
/>
Name "FAQ":
<a
aria-label="FAQ"
href="https://github.com/DaleStudy/leetcode-study/discussions"
target="_blank"
/>
Name "Apply":
<a
aria-label="Apply"
href="https://github.com/DaleStudy/leetcode-study/discussions/209"
target="_blank"
/>
Name "Guide":
<a
aria-label="Guide"
href="https://github.com/DaleStudy/leetcode-study/blob/main/CONTRIBUTING.md"
target="_blank"
/>
Name "Blog":
<a
aria-label="Blog"
href="https://www.algodale.com"
target="_blank"
/>
Name "LinkedIn":
<a
aria-label="LinkedIn"
href="https://www.linkedin.com/in/daleseo"
target="_blank"
/>
Name "Github":
<a
aria-label="Github"
href="https://github.com/DaleStudy/leetcode-study"
target="_blank"
/>
Name "Youtube":
<a
aria-label="Youtube"
href="https://www.youtube.com/@DaleSeo"
target="_blank"
/>
--------------------------------------------------
heading:
Name "수료증":
<h1 />
Name "CERTIFICATE OF ACHIEVEMENT":
<h2 />
Name "DaleStudy":
<h3 />
Name "":
<h4 />
Name "Dale Seo":
<h5 />
--------------------------------------------------
paragraph:
Name "":
<p />
Name "":
<p />
--------------------------------------------------
img:
Name "signature":
<img
alt="signature"
src="/src/assets/signature.png"
/>
--------------------------------------------------
button:
Name "출력":
<button
class="_default_2a1efe _primary_2a1efe _large_2a1efe"
/>
--------------------------------------------------
contentinfo:
Name "Site Footer":
<footer
aria-label="Site Footer"
class="_footer_eb428f"
/>
--------------------------------------------------
list:
Name "":
<ul
class="_leftMenu_eb428f"
/>
Name "":
<ul
class="_rightMenu_eb428f"
/>
--------------------------------------------------
listitem:
Name "":
<li />
Name "":
<li />
Name "":
<li />
Name "":
<li />
Name "":
<li />
Name "":
<li />
Name "":
<li />
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<main
class="_certificate_ba9381"
>
<div
class="_headerWrapper_63c2ea"
>
<header>
<a
aria-label="Go to the homepage"
class="_logoLink_63c2ea"
href="http://www.dalestudy.com"
>
<svg
fill="none"
height="22"
id="logo"
viewBox="0 0 45 22"
width="45"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.84 19.03L0.29 12.61V10.51L14.84 3.25V6.76L4.82 11.41L14.84 15.52V19.03ZM28.408 0.579999L20.428 22H16.378L24.358 0.579999H28.408ZM29.8505 15.52L39.8705 11.41L29.8505 6.76V3.25L44.4005 10.51V12.61L29.8505 19.03V15.52Z"
fill="url(#paint0_linear_278_133)"
/>
<defs>
<lineargradient
gradientUnits="userSpaceOnUse"
id="paint0_linear_278_133"
x1="-1"
x2="46"
y1="9.51219"
y2="9.51219"
>
<stop
stop-color="#24FACA"
/>
|
|
src/components/Certificate/Certificate.test.tsx > render content solved problems, cohort:
src/components/Certificate/Certificate.test.tsx#L122
TestingLibraryElementError: Unable to find an element with the text: /5 problems/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<main
class="_certificate_ba9381"
>
<div
class="_headerWrapper_63c2ea"
>
<header>
<a
aria-label="Go to the homepage"
class="_logoLink_63c2ea"
href="http://www.dalestudy.com"
>
<svg
fill="none"
height="22"
id="logo"
viewBox="0 0 45 22"
width="45"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.84 19.03L0.29 12.61V10.51L14.84 3.25V6.76L4.82 11.41L14.84 15.52V19.03ZM28.408 0.579999L20.428 22H16.378L24.358 0.579999H28.408ZM29.8505 15.52L39.8705 11.41L29.8505 6.76V3.25L44.4005 10.51V12.61L29.8505 19.03V15.52Z"
fill="url(#paint0_linear_278_133)"
/>
<defs>
<lineargradient
gradientUnits="userSpaceOnUse"
id="paint0_linear_278_133"
x1="-1"
x2="46"
y1="9.51219"
y2="9.51219"
>
<stop
stop-color="#24FACA"
/>
<stop
offset="1"
stop-color="#846DE9"
/>
</lineargradient>
</defs>
</svg>
<span>
달레 스터디
</span>
</a>
</header>
</div>
<section>
<div>
<h1>
수료증
</h1>
<section
class="_content_ba9381"
>
<div
class="_contentSide_ba9381"
>
<svg
fill="none"
height="88"
viewBox="0 0 87 88"
width="87"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 1.99998V85.8899L23.6489 65.8565V25.2625L2 1.99998Z"
fill="url(#paint0_linear_1636_498)"
stroke="url(#paint1_linear_1636_498)"
/>
<path
d="M85.7775 2.06592L2.02017 2.06592L23.7554 24.8898L65.7127 23.6809L85.7775 2.06592Z"
fill="url(#paint2_linear_1636_498)"
stroke="url(#paint3_linear_1636_498)"
/>
<defs>
<lineargradient
gradientUnits="userSpaceOnUse"
id="paint0_linear_1636_498"
x1="2"
x2="56.0426"
y1="85.8899"
y2="46.9015"
>
<stop
stop-color="#24EACA"
/>
<stop
offset="1"
stop-color="#846DE9"
/>
</lineargradient>
<lineargradient
gradientUnits="userSpaceOnUse"
id="paint1_linear_1636_498"
x1="2"
x2="56.0426"
y1="85.8899"
y2="46.9015"
>
<stop
stop-color="#24EACA"
/>
<stop
offset="1"
stop-color="#846DE9"
/>
</lineargradient>
<lineargradient
gradientUnits="userSpaceOnUse"
id="paint2_linear_1636_498"
x1="2.02017"
x2="43.78"
y1="2.06592"
y2="56.8834"
>
<stop
|
|
src/components/Certificate/Certificate.test.tsx > render LinkedIn link:
src/components/Certificate/Certificate.test.tsx#L179
Error: expect(element).toHaveAttribute("href", "https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&name=test1&organizationId=104834174&certUrl=http://localhost:3000/?member=test1") // element.getAttribute("href") === "https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&name=test1&organizationId=104834174&certUrl=http://localhost:3000/?member=test1"
Expected the element to have attribute:
href="https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&name=test1&organizationId=104834174&certUrl=http://localhost:3000/?member=test1"
Received:
href="https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&name=undefined&organizationId=104834174&certUrl=http://localhost:3000/?member=test1"
❯ src/components/Certificate/Certificate.test.tsx:179:24
|
|
build
Process completed with exit code 1.
|