Jamey Greenwood
878d8f63ac
- Create theme-primitives.css with spacing, fonts, radius scales - Create theme-semantic.css with semantic CSS variable aliases - Update app.css to import theme CSS files - Add CSSGenerator module for dynamic CSS token generation - Generates mood variables (neutral, warm, cool, dark) - Generates typography variables (7 font combinations) - Generates shape variables (sharp, soft, round, pill) - Generates density variables (spacious, balanced, compact) - Converts hex colors to HSL for flexible manipulation - Add CSSCache GenServer with ETS table for performance - Caches generated CSS to avoid regeneration - Warms cache on application startup - Provides invalidation for theme updates - Add CSSCache to application supervision tree - Add comprehensive tests for CSS generation (29 tests) - Add comprehensive tests for preset validation (14 tests) - All tests passing (58 total tests, 0 failures) - Verified CSS generation and caching work correctly in IEx
134 lines
3.7 KiB
Elixir
134 lines
3.7 KiB
Elixir
defmodule SimpleshopTheme.Theme.PresetsTest do
|
|
use ExUnit.Case, async: true
|
|
|
|
alias SimpleshopTheme.Theme.Presets
|
|
|
|
describe "all/0" do
|
|
test "returns all 9 presets" do
|
|
presets = Presets.all()
|
|
|
|
assert is_map(presets)
|
|
assert map_size(presets) == 9
|
|
assert Map.has_key?(presets, :gallery)
|
|
assert Map.has_key?(presets, :studio)
|
|
assert Map.has_key?(presets, :boutique)
|
|
assert Map.has_key?(presets, :bold)
|
|
assert Map.has_key?(presets, :playful)
|
|
assert Map.has_key?(presets, :minimal)
|
|
assert Map.has_key?(presets, :night)
|
|
assert Map.has_key?(presets, :classic)
|
|
assert Map.has_key?(presets, :impulse)
|
|
end
|
|
end
|
|
|
|
describe "get/1" do
|
|
test "returns gallery preset with correct settings" do
|
|
preset = Presets.get(:gallery)
|
|
|
|
assert preset.mood == "warm"
|
|
assert preset.typography == "editorial"
|
|
assert preset.shape == "soft"
|
|
assert preset.density == "spacious"
|
|
assert preset.grid_columns == "3"
|
|
assert preset.header_layout == "centered"
|
|
assert preset.accent_color == "#e85d04"
|
|
end
|
|
|
|
test "returns studio preset with correct settings" do
|
|
preset = Presets.get(:studio)
|
|
|
|
assert preset.mood == "neutral"
|
|
assert preset.typography == "clean"
|
|
assert preset.shape == "soft"
|
|
assert preset.density == "balanced"
|
|
assert preset.grid_columns == "4"
|
|
assert preset.header_layout == "standard"
|
|
assert preset.accent_color == "#3b82f6"
|
|
end
|
|
|
|
test "returns boutique preset" do
|
|
preset = Presets.get(:boutique)
|
|
|
|
assert preset.mood == "warm"
|
|
assert preset.typography == "classic"
|
|
assert preset.accent_color == "#b45309"
|
|
end
|
|
|
|
test "returns bold preset" do
|
|
preset = Presets.get(:bold)
|
|
|
|
assert preset.mood == "neutral"
|
|
assert preset.typography == "modern"
|
|
assert preset.shape == "sharp"
|
|
assert preset.accent_color == "#dc2626"
|
|
end
|
|
|
|
test "returns playful preset" do
|
|
preset = Presets.get(:playful)
|
|
|
|
assert preset.typography == "friendly"
|
|
assert preset.shape == "pill"
|
|
assert preset.accent_color == "#8b5cf6"
|
|
end
|
|
|
|
test "returns minimal preset" do
|
|
preset = Presets.get(:minimal)
|
|
|
|
assert preset.mood == "cool"
|
|
assert preset.typography == "minimal"
|
|
assert preset.shape == "sharp"
|
|
assert preset.accent_color == "#171717"
|
|
end
|
|
|
|
test "returns night preset" do
|
|
preset = Presets.get(:night)
|
|
|
|
assert preset.mood == "dark"
|
|
assert preset.typography == "modern"
|
|
assert preset.accent_color == "#f97316"
|
|
end
|
|
|
|
test "returns classic preset" do
|
|
preset = Presets.get(:classic)
|
|
|
|
assert preset.mood == "warm"
|
|
assert preset.typography == "classic"
|
|
assert preset.accent_color == "#166534"
|
|
end
|
|
|
|
test "returns impulse preset with extended settings" do
|
|
preset = Presets.get(:impulse)
|
|
|
|
assert preset.mood == "neutral"
|
|
assert preset.typography == "impulse"
|
|
assert preset.shape == "sharp"
|
|
assert preset.accent_color == "#000000"
|
|
assert preset.font_size == "medium"
|
|
assert preset.heading_weight == "regular"
|
|
assert preset.product_text_align == "center"
|
|
end
|
|
|
|
test "returns nil for nonexistent preset" do
|
|
assert Presets.get(:nonexistent) == nil
|
|
end
|
|
end
|
|
|
|
describe "list_names/0" do
|
|
test "returns list of all preset names" do
|
|
names = Presets.list_names()
|
|
|
|
assert is_list(names)
|
|
assert length(names) == 9
|
|
assert :gallery in names
|
|
assert :studio in names
|
|
assert :boutique in names
|
|
assert :bold in names
|
|
assert :playful in names
|
|
assert :minimal in names
|
|
assert :night in names
|
|
assert :classic in names
|
|
assert :impulse in names
|
|
end
|
|
end
|
|
end
|