import { css, quickPluginTest } from '../util/run'

quickPluginTest('gridColumnEnd', {
  safelist: [
    // Arbitrary avlues
    'col-end-[123]',
    'col-end-[var(--my-value)]',
  ],
}).toMatchFormattedCss(css`
  .col-end-1 {
    grid-column-end: 1;
  }
  .col-end-10 {
    grid-column-end: 10;
  }
  .col-end-11 {
    grid-column-end: 11;
  }
  .col-end-12 {
    grid-column-end: 12;
  }
  .col-end-13 {
    grid-column-end: 13;
  }
  .col-end-2 {
    grid-column-end: 2;
  }
  .col-end-3 {
    grid-column-end: 3;
  }
  .col-end-4 {
    grid-column-end: 4;
  }
  .col-end-5 {
    grid-column-end: 5;
  }
  .col-end-6 {
    grid-column-end: 6;
  }
  .col-end-7 {
    grid-column-end: 7;
  }
  .col-end-8 {
    grid-column-end: 8;
  }
  .col-end-9 {
    grid-column-end: 9;
  }
  .col-end-\[123\] {
    grid-column-end: 123;
  }
  .col-end-\[var\(--my-value\)\] {
    grid-column-end: var(--my-value);
  }
  .col-end-auto {
    grid-column-end: auto;
  }
`)