resources/resource_transformers/cssjs/tailwindcss_integration_test.go - master - githubmirror/hugo

resources/resource_transformers/cssjs/tailwindcss_integration_test.go
165 строк4 KB
Bjørn Erik Pedersen
Remove tailwindcss from the default security.exec.allow list (note)
10 авг 2026, 16:59
10 авг 2026, 16:598a55df7
// Copyright 2024 The Hugo Authors. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

package cssjs_test

import (
	"testing"

	qt "github.com/frankban/quicktest"
	"github.com/gohugoio/hugo/htesting"
	"github.com/gohugoio/hugo/hugolib"
)

func TestTailwindV4Basic(t *testing.T) {
	if !htesting.IsCI() {
		t.Skip("Skip long running test when running locally")
	}

	files := `
-- hugo.toml --
security.exec.allow = ['^go$', '^git$', '^node$', '^tailwindcss$']
-- package.json --
{
  "license": "MIT",
  "repository": {
    "type": "git",
    "url": "https://github.com/bep/hugo-starter-tailwind-basic.git"
  },
  "devDependencies": {
    "@tailwindcss/cli": "^4.0.1",
    "tailwindcss": "^4.0.1"
  },
  "name": "hugo-starter-tailwind-basic",
  "version": "0.1.0"
}
-- assets/css/styles.css --
@import "tailwindcss";

@theme {
  --font-family-display: "Satoshi", "sans-serif";

  --breakpoint-3xl: 1920px;

  --color-neon-pink: oklch(71.7% 0.25 360);
  --color-neon-lime: oklch(91.5% 0.258 129);
  --color-neon-cyan: oklch(91.3% 0.139 195.8);
}
-- layouts/home.html --
{{ $css := resources.Get "css/styles.css" | css.TailwindCSS }}
CSS: {{ $css.Content | safeCSS }}|
`

	b := hugolib.Test(t, files, hugolib.TestOptOsFs(), hugolib.TestOptWithNpmInstall(), hugolib.TestOptInfo())

	b.AssertFileContent("public/index.html", "/*! tailwindcss v4.")
}

// See issue 15103.
func TestTailwindCSSImportContext(t *testing.T) {
	t.Parallel()
	htesting.SkipSlowTestUnlessCI(t)

	files := `
-- hugo.toml --
disableKinds = ['page','rss','section','sitemap','taxonomy','term']
security.exec.allow = ['^go$', '^git$', '^node$', '^tailwindcss$']
-- assets/css/main.css --
@import "tailwindcss";

@import "foo.css";
@import "bar.css";
-- assets/css/foo.css --
.foo {color: orange;}
-- layouts/home.html --
{{ $foo := resources.FromString "foo.css" ".foo {color: blue;}" }}
{{ $bar := resources.FromString "bar.css" ".bar {color: green;}" }}
{{ $opts := dict "importContext" (slice $foo $bar) }}
{{ $css := resources.Get "css/main.css" | css.TailwindCSS $opts }}
CSS: {{ $css.Content | safeCSS }}|
-- package.json --
{
  "devDependencies": {
    "@tailwindcss/cli": "^4.1.7",
    "tailwindcss": "^4.1.7"
  }
}
`

	b := hugolib.Test(t, files, hugolib.TestOptOsFs(), hugolib.TestOptWithNpmInstall(), hugolib.TestOptInfo())

	// foo.css resolves in the import context before the assets filesystem.
	b.AssertFileContent("public/index.html",
		".foo {\n    color: blue;\n  }",
		".bar {\n    color: green;\n  }",
	)
}

func TestTailwindCSSNoInlineImportsIssue13719(t *testing.T) {
	t.Parallel()
	htesting.SkipSlowTestUnlessCI(t)

	files := `
-- hugo.toml --
disableKinds = ['page','rss','section','sitemap','taxonomy','term']
theme = 'my-theme'

security.exec.allow = ['^go$', '^git$', '^node$', '^tailwindcss$']

[[module.mounts]]
source = 'assets'
target = 'assets'

[[module.mounts]]
source = 'other'
target = 'assets/css'
-- assets/css/main.css --
@import "tailwindcss";

@import "colors/red.css";
@import "colors/blue.css";
@import "colors/purple.css";
-- assets/css/colors/red.css --
@import "green.css";

.red {color: red;}
-- assets/css/colors/green.css --
.green {color: green;}
-- themes/my-theme/assets/css/colors/blue.css --
.blue {color: blue;}
-- other/colors/purple.css --
.purple {color: purple;}
-- layouts/home.html --
{{ with (templates.Defer (dict "key" "global")) }}
  {{ with resources.Get "css/main.css" }}
    {{ $opts := dict "disableInlineImports" true }}
    {{ with . | css.TailwindCSS $opts }}
      <link rel="stylesheet" href="{{ .RelPermalink }}">
    {{ end }}
  {{ end }}
{{ end }}
-- package.json --
{
  "devDependencies": {
    "@tailwindcss/cli": "^4.1.7",
    "tailwindcss": "^4.1.7"
  }
}
`

	b, err := hugolib.TestE(t, files, hugolib.TestOptOsFs(), hugolib.TestOptWithNpmInstall(), hugolib.TestOptInfo())

	b.Assert(err, qt.IsNotNil)
	b.Assert(err.Error(), qt.Contains, "Can't resolve 'colors/red.css'")
	b.Assert(err.Error(), qt.Contains, "You may want to set the 'disableInlineImports' option to false")
}