// 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/Table/MassActions/MassActions.less stylesheet snapshot', () => {
  it('compiled CSS with tokens inlined', async () => {
    const css = await compileLessWithTokens(join(__dirname, 'MassActions.less'), DEFAULT_TOKEN_CSS_FILES, {
      lessPreludes: DEFAULT_LESS_PRELUDES,
    });
    expect(css).toMatchTokensInlineSnapshot(`
.massAction__wrap {
  float: left;
}
.massAction__wrap::after {
  content: '';
  clear: both;
  display: table;
}
.massAction {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}
.massAction__item {
  display: inline-block;
}
.massAction__item .v2FormField {
  margin: 0;
}
.massAction__item ul {
  position: absolute;
  z-index: 2;
  background-color: oklch(1 0 none);
  border: solid 1px oklch(0.8761 0 none);
  box-shadow: 0px 3px 7px 0px oklch(0 0 none / 0.1);
}
.massAction__item ul ul {
  top: -1px;
  left: 100%;
}
.massAction__item ul a {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 6px;
  color: oklch(0 0 none);
  text-indent: 0;
}
.massAction__item ul a:hover {
  text-decoration: none;
  background: oklch(0.8761 0 none);
}
.massAction__item li {
  position: relative;
  line-height: 23px;
  text-indent: 6px;
  list-style-type: none;
}
.massAction__submenuHeader {
  position: relative;
  padding-right: 16px;
}
.massAction__submenuHeader::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid oklch(0.5999 0 none);
}
.massAction__submenuHeader,
.massAction__item ul a {
  display: block;
  min-width: 70px;
  white-space: nowrap;
  background-color: oklch(1 0 none);
  border-bottom: 1px solid oklch(0.8761 0 none);
}
.massAction__submenuTrigger:hover > .massAction__submenuHeader {
  background-color: oklch(0.8761 0 none);
}
.massAction--scrollable {
  overflow-x: hidden;
  height: auto;
  max-height: 300px;
}
.checkbox-table {
  clear: both;
}
`);
  });
});