// Auto-generated by: pnpm test:stylesheets:update
import { join } from 'node:path';

import { compileLessWithTokens } from '../../../scripts/testStylesheets/compileLessWithTokens';
import { DEFAULT_LESS_PRELUDES, DEFAULT_TOKEN_CSS_FILES } from '../../../scripts/testStylesheets/config';

describe('components/Card/Card.less stylesheet snapshot', () => {
  it('compiled CSS with tokens inlined', async () => {
    const css = await compileLessWithTokens(join(__dirname, 'Card.less'), DEFAULT_TOKEN_CSS_FILES, {
      lessPreludes: DEFAULT_LESS_PRELUDES,
    });
    expect(css).toMatchTokensInlineSnapshot(`
.card {
  --borderRadius: 0px;
  overflow: hidden;
  border-radius: var(--borderRadius);
  /**
    * Clear the line after the title
  */
}
.card h2.card__title {
  margin: 0;
}
.card h2::after {
  content: '';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.card .card__header {
  padding: 8px;
  background-color: oklch(0.9491 0 none);
  border-radius: var(--borderRadius);
}
.card .card__content {
  padding: 16px;
  color: oklch(0 0 none);
}
.card .card__footer {
  margin-inline: 16px;
  padding-block: 8px;
  border-top: 1px solid oklch(0.8761 0 none);
}
.card--bordered {
  border: solid 1px oklch(0.8761 0 none);
}
.card--bordered .card__header {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
`);
  });
});