// 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/Spacer/Spacer.less stylesheet snapshot', () => {
  it('compiled CSS with tokens inlined', async () => {
    const css = await compileLessWithTokens(join(__dirname, 'Spacer.less'), DEFAULT_TOKEN_CSS_FILES, {
      lessPreludes: DEFAULT_LESS_PRELUDES,
    });
    expect(css).toMatchTokensInlineSnapshot(`
.spacer {
  --size: 16px;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: var(--size);
  min-height: var(--size);
}
.spacer--grow {
  flex-grow: 1;
}
.spacer--noGrow {
  flex-grow: 0;
}
.spacer--noSize {
  --size: 0px;
}
.spacer--size4xl {
  --size: 48px;
}
.spacer--size3xl {
  --size: 40px;
}
.spacer--sizeXxl {
  --size: 32px;
}
.spacer--sizeXl {
  --size: 24px;
}
.spacer--size,
.spacer--sizeLg {
  --size: 16px;
}
.spacer--sizeMd {
  --size: 12px;
}
.spacer--sizeSm {
  --size: 8px;
}
.spacer--sizeXs {
  --size: 4px;
}
.spacer--sizeXxs {
  --size: 2px;
}
`);
  });
});