566-refactor: Fsd widget study path #1212
ansivgitAnnotations
4 errors
|
src/widgets/study-path/ui/study-path/study-path.test.tsx > StudyPath Component > renders the title and paragraph text correctly for angularPath:
src/widgets/study-path/ui/study-path/study-path.test.tsx#L44
TestingLibraryElementError: Unable to find an element with the text: Course Curriculum. 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>
<section
class="study-path container"
data-testid="study-path"
>
<article
class="content"
>
<h2
class="widget-title small asterisk"
data-testid="widget-title"
>
Choose what you want to learn
</h2>
<p
class="paragraph medium-font-size"
data-testid="paragraph"
>
A full-stack developer is someone who has expertise in both frontend (what users see) and backend (server and database) development. This dual skill set enables them to supervise and implement projects from start to finish. Businesses today prioritize hiring full-stack developers because they can efficiently bridge various technological aspects, resulting in faster product development.
</p>
<div
class="stages"
data-testid="stages"
>
<article
class="stage-card"
data-testid="stage-card"
>
<div
class="stage-number"
>
<div
class="step"
data-testid="stage-step"
>
1
</div>
<div
class="decor-line"
/>
</div>
<div
class="stage-info"
>
<h3
class="subtitle medium-font-size gray-600 normal stage-title"
data-testid="subtitle"
>
Pre-school (RU)
</h3>
<p
class="paragraph medium-font-size stage-intro"
data-testid="paragraph"
>
For those brand new to coding, this is your starting point. Get acquainted with the basics and build a strong foundation.
</p>
<ul
class="list compact stage-list"
data-testid="list"
>
<li
class="list-item"
data-testid="list-item"
>
<a
class="text-link"
href="/courses/javascript-preschool-ru"
>
Pre-school (RU)
</a>
</li>
</ul>
</div>
<img
alt="pre-school logo"
class="stage-picture stage-logo"
data-testid="stage-picture"
height="1"
src="/src/shared/assets/icons/html.webp"
width="1"
/>
</article>
<article
class="stage-card"
data-testid="stage-card"
>
<div
class="stage-number"
>
<div
class="step"
data-testid="stage-step"
>
2
</div>
<div
class="decor-line"
/>
</div>
<div
class="stage-info"
>
<h3
class="subtitle medium-font-size gray-600 normal stage-title"
data-testid="subtitle"
>
JS/TS/FE Fundamentals
</h3>
<p
class="paragraph medium-font-size stage-intro"
data-testid="paragraph"
>
Dive deep into the world of JavaScript, TypeScript, and Frontend development. Understand the core concepts and set yourself up for success.
</p>
<ul
class="list compact stage-list"
data-testid="list"
>
<li
class="list-item"
|
|
src/widgets/study-path/ui/study-path/study-path.test.tsx > StudyPath Component > renders the title and paragraph text correctly for awsDevPath:
src/widgets/study-path/ui/study-path/study-path.test.tsx#L53
TestingLibraryElementError: Unable to find an element with the text: Course Curriculum. 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>
<section
class="study-path container"
data-testid="study-path"
>
<article
class="content"
>
<h2
class="widget-title small asterisk"
data-testid="widget-title"
>
Choose what you want to learn
</h2>
<p
class="paragraph medium-font-size"
data-testid="paragraph"
>
A full-stack developer is someone who has expertise in both frontend (what users see) and backend (server and database) development. This dual skill set enables them to supervise and implement projects from start to finish. Businesses today prioritize hiring full-stack developers because they can efficiently bridge various technological aspects, resulting in faster product development.
</p>
<div
class="stages"
data-testid="stages"
>
<article
class="stage-card"
data-testid="stage-card"
>
<div
class="stage-number"
>
<div
class="step"
data-testid="stage-step"
>
1
</div>
<div
class="decor-line"
/>
</div>
<div
class="stage-info"
>
<h3
class="subtitle medium-font-size gray-600 normal stage-title"
data-testid="subtitle"
>
Pre-school (RU)
</h3>
<p
class="paragraph medium-font-size stage-intro"
data-testid="paragraph"
>
For those brand new to coding, this is your starting point. Get acquainted with the basics and build a strong foundation.
</p>
<ul
class="list compact stage-list"
data-testid="list"
>
<li
class="list-item"
data-testid="list-item"
>
<a
class="text-link"
href="/courses/javascript-preschool-ru"
>
Pre-school (RU)
</a>
</li>
</ul>
</div>
<img
alt="pre-school logo"
class="stage-picture stage-logo"
data-testid="stage-picture"
height="1"
src="/src/shared/assets/icons/html.webp"
width="1"
/>
</article>
<article
class="stage-card"
data-testid="stage-card"
>
<div
class="stage-number"
>
<div
class="step"
data-testid="stage-step"
>
2
</div>
<div
class="decor-line"
/>
</div>
<div
class="stage-info"
>
<h3
class="subtitle medium-font-size gray-600 normal stage-title"
data-testid="subtitle"
>
JS/TS/FE Fundamentals
</h3>
<p
class="paragraph medium-font-size stage-intro"
data-testid="paragraph"
>
Dive deep into the world of JavaScript, TypeScript, and Frontend development. Understand the core concepts and set yourself up for success.
</p>
<ul
class="list compact stage-list"
data-testid="list"
>
<li
class="list-item"
|
|
src/widgets/study-path/ui/study-path/study-path.test.tsx > StudyPath Component > renders stages and their details correctly:
src/widgets/study-path/ui/study-path/study-path.test.tsx#L74
TestingLibraryElementError: Unable to find an element with the text: Stage 1. 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>
<section
class="study-path container"
data-testid="study-path"
>
<article
class="content"
>
<h2
class="widget-title small asterisk"
data-testid="widget-title"
>
Choose what you want to learn
</h2>
<p
class="paragraph medium-font-size"
data-testid="paragraph"
>
A full-stack developer is someone who has expertise in both frontend (what users see) and backend (server and database) development. This dual skill set enables them to supervise and implement projects from start to finish. Businesses today prioritize hiring full-stack developers because they can efficiently bridge various technological aspects, resulting in faster product development.
</p>
<div
class="stages"
data-testid="stages"
>
<article
class="stage-card"
data-testid="stage-card"
>
<div
class="stage-number"
>
<div
class="step"
data-testid="stage-step"
>
1
</div>
<div
class="decor-line"
/>
</div>
<div
class="stage-info"
>
<h3
class="subtitle medium-font-size gray-600 normal stage-title"
data-testid="subtitle"
>
Pre-school (RU)
</h3>
<p
class="paragraph medium-font-size stage-intro"
data-testid="paragraph"
>
For those brand new to coding, this is your starting point. Get acquainted with the basics and build a strong foundation.
</p>
<ul
class="list compact stage-list"
data-testid="list"
>
<li
class="list-item"
data-testid="list-item"
>
<a
class="text-link"
href="/courses/javascript-preschool-ru"
>
Pre-school (RU)
</a>
</li>
</ul>
</div>
<img
alt="pre-school logo"
class="stage-picture stage-logo"
data-testid="stage-picture"
height="1"
src="/src/shared/assets/icons/html.webp"
width="1"
/>
</article>
<article
class="stage-card"
data-testid="stage-card"
>
<div
class="stage-number"
>
<div
class="step"
data-testid="stage-step"
>
2
</div>
<div
class="decor-line"
/>
</div>
<div
class="stage-info"
>
<h3
class="subtitle medium-font-size gray-600 normal stage-title"
data-testid="subtitle"
>
JS/TS/FE Fundamentals
</h3>
<p
class="paragraph medium-font-size stage-intro"
data-testid="paragraph"
>
Dive deep into the world of JavaScript, TypeScript, and Frontend development. Understand the core concepts and set yourself up for success.
</p>
<ul
class="list compact stage-list"
data-testid="list"
>
<li
class="list-item"
data-test
|
|
CI
Process completed with exit code 1.
|