summaryrefslogtreecommitdiff
path: root/pkgs/development/node-packages/package-tests/tailwindcss.nix
blob: 53930735af4bbc31971f07556d2350a26741e988 (plain)
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
{
  runCommand,
  tailwindcss,
  nodePackages,
}:

let

  inherit (tailwindcss) packageName version;

  tailwindcssInput = builtins.toFile "input.css" ''
    @tailwind base;
    @tailwind components;
    @tailwind utilities;
  '';

  tailwindcssWithPlugins = tailwindcss.overrideAttrs (oldAttrs: {
    plugins = [
      nodePackages."@tailwindcss/typography"
    ];
  });

  tailwindcssWithPluginsConfig = builtins.toFile "tailwind.config.js" ''
    module.exports = {
      content: ["./with-typography.input"],
      plugins: [
        require('@tailwindcss/typography'),
      ],
    }
  '';

in

runCommand "${packageName}-tests" { meta.timeout = 60; } ''
  mkdir $out

  # Ensure CLI runs
  ${tailwindcss}/bin/tailwind --help > /dev/null
  ${tailwindcss}/bin/tailwindcss --help > /dev/null

  # Ensure CLI with plugins runs
  echo '"ml-4 prose"' > ./with-typography.input
  ${tailwindcssWithPlugins}/bin/tailwind \
    --config ${tailwindcssWithPluginsConfig} \
    --input ${tailwindcssInput} \
    --output $out/with-typography.css

  grep -q ml-4 $out/with-typography.css
  grep -q prose $out/with-typography.css
''