ilia/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: widen section and sidebar, plain period text, Badge xs size for stack

Browse Source
This commit is contained in:
Ilia Mashkov
2026-05-18 13:07:01 +03:00
parent 37098be3c8
commit 979e2071d1
7 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/entities/experience/ui/ExperienceCard/ExperienceCard.test.tsx
+6 -4
View File
@@ -64,10 +64,11 @@ describe('ExperienceCard', () => {
expect(screen.getByRole('heading', { level: 3 })).toHaveTextContent('Senior Developer');
});
it('period badge has brutal-border, bg-blue, text-cream, md size', () => {
it('period has left border accent styling', () => {
render(<ExperienceCard {...DEFAULT_PROPS} />);
const badge = screen.getByText('2021 – 2024');
expect(badge).toHaveClass('brutal-border', 'bg-blue', 'text-cream', 'px-4', 'py-2', 'text-sm');
const period = screen.getByText('2021 – 2024');
expect(period.tagName).toBe('P');
expect(period).toHaveClass('brutal-border-left', 'text-sm');
});
it('description renders via RichText with rich-text class', () => {
@@ -83,12 +84,13 @@ describe('ExperienceCard', () => {
});
describe('stack tags', () => {
it('renders stack tags in the sidebar', () => {
it('renders stack tags in the sidebar as xs outline badges', () => {
render(<ExperienceCard {...DEFAULT_PROPS} stack={['React', 'TypeScript']} />);
const react = screen.getByText('React');
const ts = screen.getByText('TypeScript');
expect(react.closest('.brutal-border-sidebar')).toBeInTheDocument();
expect(ts.closest('.brutal-border-sidebar')).toBeInTheDocument();
expect(react).toHaveClass('brutal-border', 'bg-transparent', 'px-2');
});
it('renders nothing extra when stack is empty', () => {