postcss-sort-container-queries/index.test.js at main · lmestel/postcss-sort-container-queries · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
let fs = require('fs')
let postcss = require('postcss')

let plugin = require('./')

async function run (input, output, opts) {
  let result = await postcss([plugin(opts)]).process(input, { from: undefined })
  expect(result.css).toEqual(output)
  expect(result.warnings()).toHaveLength(0)
}

it('simple #1. mobile-first', async () => {
  let input = fs.readFileSync('./test/s1-mobile.in.css', 'utf8')
  let output = fs.readFileSync('./test/s1-mobile.out.css', 'utf8')
  await run(input, output, { sort: 'mobile-first' })
})

it('simple #1. desktop-first', async () => {
  let input = fs.readFileSync('./test/s1-desktop.in.css', 'utf8')
  let output = fs.readFileSync('./test/s1-desktop.out.css', 'utf8')
  await run(input, output, { sort: 'desktop-first' })
})

it('simple #2. mobile-first', async () => {
  let input = fs.readFileSync('./test/s2-mobile.in.css', 'utf8')
  let output = fs.readFileSync('./test/s2-mobile.out.css', 'utf8')
  await run(input, output, { sort: 'mobile-first' })
})

it('simple #2. desktop-first', async () => {
  let input = fs.readFileSync('./test/s2-desktop.in.css', 'utf8')
  let output = fs.readFileSync('./test/s2-desktop.out.css', 'utf8')
  await run(input, output, { sort: 'desktop-first' })
})

it('mixed #1. mobile-first', async () => {
  let input = fs.readFileSync('./test/mixed-mobile.in.css', 'utf8')
  let output = fs.readFileSync('./test/mixed-mobile.out.css', 'utf8')
  await run(input, output, { sort: 'mobile-first' })
})

it('mixed #1. desktop-first', async () => {
  let input = fs.readFileSync('./test/mixed-desktop.in.css', 'utf8')
  let output = fs.readFileSync('./test/mixed-desktop.out.css', 'utf8')
  await run(input, output, { sort: 'desktop-first' })
})

it('configuration(mixed #1): [mobile first] unitlessMqAlwaysFirst: FALSE', async () => {
  let input = fs.readFileSync('./test/configuration/false-mixed-mobile.in.css', 'utf8')
  let output = fs.readFileSync('./test/configuration/false-mixed-mobile.out.css', 'utf8')

  let options = {
    configuration: {
      unitlessMqAlwaysFirst: false,
    }
  }
  await run(input, output, options)
})


it('configuration(mixed #1): [mobile first] unitlessMqAlwaysFirst: TRUE', async () => {
  let input = fs.readFileSync('./test/configuration/true-mixed-mobile.in.css', 'utf8')
  let output = fs.readFileSync('./test/configuration/true-mixed-mobile.out.css', 'utf8')

  let options = {
    configuration: {
      unitlessMqAlwaysFirst: true,
    }
  }
  await run(input, output, options)
})


it('configuration(mixed #2): [desktop first] unitlessMqAlwaysFirst: FALSE', async () => {
  let input = fs.readFileSync('./test/configuration/false-mixed-desktop.in.css', 'utf8')
  let output = fs.readFileSync('./test/configuration/false-mixed-desktop.out.css', 'utf8')

  let options = {
    sort: 'desktop-first',
    configuration: {
      unitlessMqAlwaysFirst: false,
    }
  }
  await run(input, output, options)
})


it('configuration(mixed #2): [desktop first] unitlessMqAlwaysFirst: TRUE', async () => {
  let input = fs.readFileSync('./test/configuration/true-mixed-desktop.in.css', 'utf8')
  let output = fs.readFileSync('./test/configuration/true-mixed-desktop.out.css', 'utf8')

  let options = {
    sort: 'desktop-first',
    configuration: {
      unitlessMqAlwaysFirst: true,
    }
  }
  await run(input, output, options)
})