about summary refs log tree commit diff
path: root/pkgs/development/node-packages/package-tests/tailwindcss.nix
blob: 1f986d8bb09664c8c34378876a3773be52933f1e (plain) (blame)
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
{ 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
  ''