import { crosscheck } from '../util/run'
import { applyImportantSelector } from '../../src/util/applyImportantSelector'

crosscheck(() => {
  it.each`
    before                                        | after
    ${'.foo'}                                     | ${'#app :is(.foo)'}
    ${'.foo .bar'}                                | ${'#app :is(.foo .bar)'}
    ${'.foo:hover'}                               | ${'#app :is(.foo:hover)'}
    ${'.foo .bar:hover'}                          | ${'#app :is(.foo .bar:hover)'}
    ${'.foo::before'}                             | ${'#app :is(.foo)::before'}
    ${'.foo::before'}                             | ${'#app :is(.foo)::before'}
    ${'.foo::file-selector-button'}               | ${'#app :is(.foo)::file-selector-button'}
    ${'.foo::-webkit-progress-bar'}               | ${'#app :is(.foo)::-webkit-progress-bar'}
    ${'.foo:hover::before'}                       | ${'#app :is(.foo:hover)::before'}
    ${':is(.dark :is([dir="rtl"] .foo::before))'} | ${'#app :is(.dark :is([dir="rtl"] .foo))::before'}
    ${':is(.dark .foo) .bar'}                     | ${'#app :is(:is(.dark .foo) .bar)'}
    ${':is(.foo) :is(.bar)'}                      | ${'#app :is(:is(.foo) :is(.bar))'}
    ${':is(.foo)::before'}                        | ${'#app :is(.foo)::before'}
    ${'.foo:before'}                              | ${'#app :is(.foo):before'}
    ${'.foo::some-uknown-pseudo'}                 | ${'#app :is(.foo)::some-uknown-pseudo'}
    ${'.foo::some-uknown-pseudo:hover'}           | ${'#app :is(.foo)::some-uknown-pseudo:hover'}
    ${'.foo:focus::some-uknown-pseudo:hover'}     | ${'#app :is(.foo:focus)::some-uknown-pseudo:hover'}
    ${'.foo:hover::some-uknown-pseudo:focus'}     | ${'#app :is(.foo:hover)::some-uknown-pseudo:focus'}
  `('should generate "$after" from "$before"', ({ before, after }) => {
    expect(applyImportantSelector(before, '#app')).toEqual(after)
  })
})