// 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/Breadcrumbs/Breadcrumbs.less stylesheet snapshot', () => {
  it('compiled CSS with tokens inlined', async () => {
    const css = await compileLessWithTokens(join(__dirname, 'Breadcrumbs.less'), DEFAULT_TOKEN_CSS_FILES, {
      lessPreludes: DEFAULT_LESS_PRELUDES,
    });
    expect(css).toMatchTokensInlineSnapshot(`
.breadcrumbNav ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
  margin: 0;
  padding-left: 0;
  line-height: 16px;
  color: oklch(0.7252 0 none);
  list-style: none;
}
.breadcrumbNav__item {
  display: flex;
  gap: 0 12px;
}
.breadcrumbNav__item:not(:first-child)::before {
  content: "\\e944";
  speak: never;
  font-family: 'shp';
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.breadcrumbNav__link {
  font-weight: 700;
  color: oklch(0.5999 0 none);
}
.breadcrumbNav__link:hover {
  color: oklch(0 0 none);
}
.breadcrumbNav__itemRoot::before {
  content: "\\e992";
  speak: never;
  font-family: 'shp';
  font-size: 16px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 15px;
}
.breadcrumbNav__itemRoot:hover {
  text-decoration: none;
}
`);
  });
});