vite-plugin-twig-drupal/tests/smoke.test.js

Provides a ⚡️ Vite plugin to transform 🌱 Twig into HTML with a 💧 Drupal flavour

import Markup from "../dist/test.js"
import Error from "../dist/error.js"
import ErrorInclude from "../dist/errorInclude.js"
import drupalFunctions from "../dist/drupalFunctions.js"
import Menu from "../dist/menu.js"
import { describe, expect, it } from "vitest"

describe("Basic smoke test", () => {
  it("Should support includes", () => {
    const markup = Markup()
    expect(markup).toMatchSnapshot()
    expect(markup).toContain("Nested include")
    expect(markup).toContain("Relative include")
  })
  it("Should support variables", () => {
    const markup = Markup({ title: "Pickle Fixie" })
    expect(markup).toMatchSnapshot()
    expect(markup).toContain("Pickle Fixie")
  })
  it("Should recover from errors", () => {
    const error = Error()
    expect(error).toContain("An error occurred")
  })
  it("Should recover from include errors", () => {
    const error = ErrorInclude()
    expect(error).toContain("An error occurred")
  })
  it("Should support macros", () => {
    const markup = Menu()
    expect(markup).toContain("Contact")
    expect(markup).toMatchSnapshot()
  })
  it("Should support nested SDC", () => {
    const markup = Markup()
    expect(markup).toContain("nested button 🙌")
    expect(markup).toContain("included button 👈️")
    expect(markup).toContain("Include card")
    expect(markup).toContain("🏆️ winning")
    expect(markup).toMatchSnapshot()
  })
  it("Should support global context and functions", () => {
    const markup = Markup()
    expect(markup).toMatchSnapshot()
    expect(markup).toContain("Nested include")
    expect(markup).toContain("IT WORKS!")
  })
  it("Should recognise default Drupal functions", () => {
    const markup = drupalFunctions()
    expect(markup).toMatchSnapshot()
    expect(markup).toContain("Functions work")
  })
  it("Should cast default attributes to attributes", () => {
    const markup = Markup({
      defaultAttributes: [["class", ["ponies"]]],
    })
    expect(markup).toMatchSnapshot()
    expect(markup).toContain('class="ponies"')
    expect(markup).toContain("hey there")
  })
  it("Should support default attributes as a map", () => {
    const markup = Markup({
      defaultAttributes: {
        class: ["ponies"],
      },
    })
    expect(markup).toMatchSnapshot()
    expect(markup).toContain('class="ponies"')
    expect(markup).toContain("hey there")
  })
  it("Should support extends", () => {
    const markup = Markup()
    expect(markup).toContain("All received")
    expect(markup).toContain("pony town")
  })
})