566-refactor: Fsd widget study path #1207
ansivgitAnnotations
10 errors
|
src/widgets/study-path/ui/stage-card/stage-card.test.tsx > StageCard component > renders without crashing:
src/widgets/study-path/ui/stage-card/stage-card.tsx#L20
TypeError: Cannot read properties of undefined (reading 'map')
❯ StageCard src/widgets/study-path/ui/stage-card/stage-card.tsx:20:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
❯ performWorkOnRoot node_modules/react-dom/cjs/react-dom-client.development.js:14384:44
|
|
src/widgets/study-path/ui/stage-card/stage-card.test.tsx > StageCard component > displays correct id:
src/widgets/study-path/ui/stage-card/stage-card.tsx#L20
TypeError: Cannot read properties of undefined (reading 'map')
❯ StageCard src/widgets/study-path/ui/stage-card/stage-card.tsx:20:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
❯ performWorkOnRoot node_modules/react-dom/cjs/react-dom-client.development.js:14384:44
|
|
src/widgets/study-path/ui/stage-card/stage-card.test.tsx > StageCard component > displays correct title:
src/widgets/study-path/ui/stage-card/stage-card.tsx#L20
TypeError: Cannot read properties of undefined (reading 'map')
❯ StageCard src/widgets/study-path/ui/stage-card/stage-card.tsx:20:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
❯ performWorkOnRoot node_modules/react-dom/cjs/react-dom-client.development.js:14384:44
|
|
src/widgets/study-path/ui/stage-card/stage-card.test.tsx > StageCard component > displays correct description:
src/widgets/study-path/ui/stage-card/stage-card.tsx#L20
TypeError: Cannot read properties of undefined (reading 'map')
❯ StageCard src/widgets/study-path/ui/stage-card/stage-card.tsx:20:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
❯ performWorkOnRoot node_modules/react-dom/cjs/react-dom-client.development.js:14384:44
|
|
src/widgets/study-path/ui/stage-card/stage-card.test.tsx > StageCard component > displays correct links:
src/widgets/study-path/ui/stage-card/stage-card.tsx#L20
TypeError: Cannot read properties of undefined (reading 'map')
❯ StageCard src/widgets/study-path/ui/stage-card/stage-card.tsx:20:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
❯ performWorkOnRoot node_modules/react-dom/cjs/react-dom-client.development.js:14384:44
|
|
src/widgets/study-path/ui/stage-card/stage-card.test.tsx > StageCard component > assigns correct href to links:
src/widgets/study-path/ui/stage-card/stage-card.tsx#L20
TypeError: Cannot read properties of undefined (reading 'map')
❯ StageCard src/widgets/study-path/ui/stage-card/stage-card.tsx:20:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
❯ performWorkOnRoot node_modules/react-dom/cjs/react-dom-client.development.js:14384:44
|
|
src/widgets/study-path/ui/stage-card/stage-card.test.tsx > StageCard component > renders the logo img with correct src and alt attributes:
src/widgets/study-path/ui/stage-card/stage-card.tsx#L20
TypeError: Cannot read properties of undefined (reading 'map')
❯ StageCard src/widgets/study-path/ui/stage-card/stage-card.tsx:20:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
❯ performWorkOnRoot node_modules/react-dom/cjs/react-dom-client.development.js:14384:44
|
|
src/widgets/study-path/ui/stages/stages.test.tsx > Stages Component > renders stages and their details correctly:
src/widgets/study-path/ui/stage-card/stage-card.tsx#L20
TypeError: Cannot read properties of undefined (reading 'map')
❯ StageCard src/widgets/study-path/ui/stage-card/stage-card.tsx:20:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:22428:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5757:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8018:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:9683:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15052:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14870:41
❯ renderRootSync node_modules/react-dom/cjs/react-dom-client.development.js:14850:11
❯ performWorkOnRoot node_modules/react-dom/cjs/react-dom-client.development.js:14384:44
|
|
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"
id="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"
>
<article
class="stage-card"
data-testid="stage-card"
>
<div
class="stage-number"
>
<div
class="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"
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"
>
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-testid="list-item"
>
<a
class="text-link"
href="/courses/javascript-ru"
|
|
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"
id="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"
>
<article
class="stage-card"
data-testid="stage-card"
>
<div
class="stage-number"
>
<div
class="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"
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"
>
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-testid="list-item"
>
<a
class="text-link"
href="/courses/javascript-ru"
|