pkgs/development/node-packages/package-tests/tailwindcss.nix

   1 { runCommand, tailwindcss, nodePackages }:
   2
   3 let
   4
   5   inherit (tailwindcss) packageName version;
   6
   7   tailwindcssInput = builtins.toFile "input.css" ''
   8     @tailwind base;
   9     @tailwind components;
  10     @tailwind utilities;
  11   '';
  12
  13   tailwindcssWithPlugins = tailwindcss.overrideAttrs (oldAttrs: {
  14     plugins = [
  15       nodePackages."@tailwindcss/typography"
  16     ];
  17   });
  18
  19   tailwindcssWithPluginsConfig = builtins.toFile "tailwind.config.js" ''
  20     module.exports = {
  21       content: ["./with-typography.input"],
  22       plugins: [
  23         require('@tailwindcss/typography'),
  24       ],
  25     }
  26   '';
  27
  28 in
  29
  30 runCommand "${packageName}-tests" { meta.timeout = 60; }
  31   ''
  32     mkdir $out
  33
  34     # Ensure CLI runs
  35     ${tailwindcss}/bin/tailwind --help > /dev/null
  36     ${tailwindcss}/bin/tailwindcss --help > /dev/null
  37
  38     # Ensure CLI with plugins runs
  39     echo '"ml-4 prose"' > ./with-typography.input
  40     ${tailwindcssWithPlugins}/bin/tailwind \
  41       --config ${tailwindcssWithPluginsConfig} \
  42       --input ${tailwindcssInput} \
  43       --output $out/with-typography.css
  44
  45     grep -q ml-4 $out/with-typography.css
  46     grep -q prose $out/with-typography.css
  47   ''