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

refactor(Card): drive sidebar border off lg: utilities not a media query

Browse Source
This commit is contained in:
Ilia Mashkov
2026-07-14 16:19:22 +03:00
parent e09fc467ba
commit c0aab42e6c
5 changed files with 20 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/entities/experience/ui/ExperienceCard/ExperienceCard.test.tsx
+6 -6
View File
@@ -36,25 +36,25 @@ describe('ExperienceCard', () => {
it('period badge is inside the sidebar column', () => {
render(<ExperienceCard {...DEFAULT_PROPS} />);
const badge = screen.getByText('2021 – 2024');
expect(badge.closest('.brutal-border-sidebar')).toBeInTheDocument();
expect(badge.closest('[data-slot="card-sidebar"]')).toBeInTheDocument();
});
it('company name is inside the sidebar column', () => {
render(<ExperienceCard {...DEFAULT_PROPS} />);
const company = screen.getByText('Acme Corp');
expect(company.closest('.brutal-border-sidebar')).toBeInTheDocument();
expect(company.closest('[data-slot="card-sidebar"]')).toBeInTheDocument();
});
it('title is outside the sidebar column', () => {
render(<ExperienceCard {...DEFAULT_PROPS} />);
const title = screen.getByText('Senior Developer');
expect(title.closest('.brutal-border-sidebar')).toBeNull();
expect(title.closest('[data-slot="card-sidebar"]')).toBeNull();
});
it('description is outside the sidebar column', () => {
render(<ExperienceCard {...DEFAULT_PROPS} />);
const desc = screen.getByText('Built scalable frontend systems.');
expect(desc.closest('.brutal-border-sidebar')).toBeNull();
expect(desc.closest('[data-slot="card-sidebar"]')).toBeNull();
});
});
@@ -88,8 +88,8 @@ describe('ExperienceCard', () => {
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.closest('[data-slot="card-sidebar"]')).toBeInTheDocument();
expect(ts.closest('[data-slot="card-sidebar"]')).toBeInTheDocument();
expect(react).toHaveClass('brutal-border', 'bg-transparent', 'px-2');
});