@use "@styles/abstracts/functions" as fun;
@use "@styles/abstracts/mixins" as mix;
.wrapper {
&--list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: var(--spacing-md);
font-size: var(--font-size-sm);
@include mix.media("screen") {
@include mix.dimensions("sm") {
display: flex;
flex-flow: column nowrap;
margin: 0;
composes: meta from "@components/PostPreview/PostPreview.module.scss";
}
}
}
&--article {
flex-flow: column wrap;
margin: var(--spacing-sm) 0 0;
@include mix.media("screen") {
@include mix.dimensions("xs") {
font-size: var(--font-size-sm);
}
}
}
}
iv id='cgit'>
blob: c5eb64719f0e073e8da8f3ac8ee386cce84df426 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
|
import { describe, expect, it } from '@jest/globals';
import { render, screen as rtlScreen } from '@testing-library/react';
import { VisuallyHidden } from './visually-hidden';
describe('VisuallyHidden', () => {
it('renders its body', () => {
const body = 'natus vero doloremque';
render(<VisuallyHidden>{body}</VisuallyHidden>);
expect(rtlScreen.getByText(body)).toBeInTheDocument();
});
});
|