# frozen_string_literal: true require 'rails_helper' require 'stylesheet/compiler' describe Stylesheet::Manager do it 'does not crash for missing theme' do Theme.clear_default! link = Stylesheet::Manager.stylesheet_link_tag(:embedded_theme) expect(link).to eq("") theme = Fabricate(:theme) SiteSetting.default_theme_id = theme.id link = Stylesheet::Manager.stylesheet_link_tag(:embedded_theme) expect(link).not_to eq("") end it "still returns something for no themes" do link = Stylesheet::Manager.stylesheet_link_tag(:desktop, 'all', []) expect(link).not_to eq("") end it 'can correctly compile theme css' do theme = Fabricate(:theme) theme.set_field(target: :common, name: "scss", value: ".common{.scss{color: red;}}") theme.set_field(target: :desktop, name: "scss", value: ".desktop{.scss{color: red;}}") theme.set_field(target: :mobile, name: "scss", value: ".mobile{.scss{color: red;}}") theme.set_field(target: :common, name: "embedded_scss", value: ".embedded{.scss{color: red;}}") theme.save! child_theme = Fabricate(:theme, component: true) child_theme.set_field(target: :common, name: "scss", value: ".child_common{.scss{color: red;}}") child_theme.set_field(target: :desktop, name: "scss", value: ".child_desktop{.scss{color: red;}}") child_theme.set_field(target: :mobile, name: "scss", value: ".child_mobile{.scss{color: red;}}") child_theme.set_field(target: :common, name: "embedded_scss", value: ".child_embedded{.scss{color: red;}}") child_theme.save! theme.add_relative_theme!(:child, child_theme) old_link = Stylesheet::Manager.stylesheet_link_tag(:desktop_theme, 'all', theme.id) manager = Stylesheet::Manager.new(:desktop_theme, theme.id) manager.compile(force: true) css = File.read(manager.stylesheet_fullpath) _source_map = File.read(manager.source_map_fullpath) expect(css).to match(/child_common/) expect(css).to match(/child_desktop/) expect(css).to match(/\.common/) expect(css).to match(/\.desktop/) child_theme.set_field(target: :desktop, name: :scss, value: ".nothing{color: green;}") child_theme.save! new_link = Stylesheet::Manager.stylesheet_link_tag(:desktop_theme, 'all', theme.id) expect(new_link).not_to eq(old_link) # our theme better have a name with the theme_id as part of it expect(new_link).to include("/stylesheets/desktop_theme_#{theme.id}_") end describe 'digest' do after do DiscoursePluginRegistry.reset! end it 'can correctly account for plugins in digest' do theme = Fabricate(:theme) manager = Stylesheet::Manager.new(:desktop_theme, theme.id) digest1 = manager.digest DiscoursePluginRegistry.stylesheets["fake"] = Set.new(["fake_file"]) manager = Stylesheet::Manager.new(:desktop_theme, theme.id) digest2 = manager.digest expect(digest1).not_to eq(digest2) end it "can correctly account for settings in theme's components" do theme = Fabricate(:theme) child = Fabricate(:theme, component: true) theme.add_relative_theme!(:child, child) child.set_field(target: :settings, name: :yaml, value: "childcolor: red") child.set_field(target: :common, name: :scss, value: "body {background-color: $childcolor}") child.save! manager = Stylesheet::Manager.new(:desktop_theme, theme.id) digest1 = manager.digest child.update_setting(:childcolor, "green") manager = Stylesheet::Manager.new(:desktop_theme, theme.id) digest2 = manager.digest expect(digest1).not_to eq(digest2) end let(:image) { file_from_fixtures("logo.png") } let(:image2) { file_from_fixtures("logo-dev.png") } it 'can correctly account for theme uploads in digest' do theme = Fabricate(:theme) upload = UploadCreator.new(image, "logo.png").create_for(-1) field = ThemeField.create!( theme_id: theme.id, target_id: Theme.targets[:common], name: "logo", value: "", upload_id: upload.id, type_id: ThemeField.types[:theme_upload_var] ) manager = Stylesheet::Manager.new(:desktop_theme, theme.id) digest1 = manager.digest field.destroy! upload = UploadCreator.new(image2, "logo.png").create_for(-1) field = ThemeField.create!( theme_id: theme.id, target_id: Theme.targets[:common], name: "logo", value: "", upload_id: upload.id, type_id: ThemeField.types[:theme_upload_var] ) manager = Stylesheet::Manager.new(:desktop_theme, theme.id) digest2 = manager.digest expect(digest1).not_to eq(digest2) end end describe 'color_scheme_digest' do let(:theme) { Fabricate(:theme) } it "changes with category background image" do category1 = Fabricate(:category, uploaded_background_id: 123, updated_at: 1.week.ago) category2 = Fabricate(:category, uploaded_background_id: 456, updated_at: 2.days.ago) manager = Stylesheet::Manager.new(:desktop_theme, theme.id) digest1 = manager.color_scheme_digest category2.update(uploaded_background_id: 789, updated_at: 1.day.ago) digest2 = manager.color_scheme_digest expect(digest2).to_not eq(digest1) category1.update(uploaded_background_id: nil, updated_at: 5.minutes.ago) digest3 = manager.color_scheme_digest expect(digest3).to_not eq(digest2) expect(digest3).to_not eq(digest1) end it "updates digest when updating a color scheme" do scheme = ColorScheme.create_from_base(name: "Neutral", base_scheme_id: "Neutral") manager = Stylesheet::Manager.new(:color_definitions, nil, scheme) digest1 = manager.color_scheme_digest ColorSchemeRevisor.revise(scheme, colors: [{ name: "primary", hex: "CC0000" }]) digest2 = manager.color_scheme_digest expect(digest1).to_not eq(digest2) end it "updates digest when updating a theme's color definitions" do scheme = ColorScheme.base manager = Stylesheet::Manager.new(:color_definitions, theme.id, scheme) digest1 = manager.color_scheme_digest theme.set_field(target: :common, name: :color_definitions, value: 'body {color: brown}') theme.save! digest2 = manager.color_scheme_digest expect(digest1).to_not eq(digest2) end it "updates digest when setting fonts" do manager = Stylesheet::Manager.new(:desktop_theme, theme.id) digest1 = manager.color_scheme_digest SiteSetting.base_font = DiscourseFonts.fonts[2][:key] digest2 = manager.color_scheme_digest expect(digest1).to_not eq(digest2) SiteSetting.heading_font = DiscourseFonts.fonts[4][:key] digest3 = manager.color_scheme_digest expect(digest3).to_not eq(digest2) end end describe 'color_scheme_stylesheets' do it "returns something by default" do link = Stylesheet::Manager.color_scheme_stylesheet_link_tag() expect(link).not_to eq("") end it "does not crash when no default theme is set" do SiteSetting.default_theme_id = -1 link = Stylesheet::Manager.color_scheme_stylesheet_link_tag() expect(link).not_to eq("") end it "loads base scheme when defined scheme id is missing" do link = Stylesheet::Manager.color_scheme_stylesheet_link_tag(125) expect(link).to include("color_definitions_base") end it "loads nothing when defined dark scheme id is missing" do link = Stylesheet::Manager.color_scheme_stylesheet_link_tag(125, "(prefers-color-scheme: dark)") expect(link).to eq("") end it "uses the correct color scheme from the default site theme" do cs = Fabricate(:color_scheme, name: 'Funky') theme = Fabricate(:theme, color_scheme_id: cs.id) SiteSetting.default_theme_id = theme.id link = Stylesheet::Manager.color_scheme_stylesheet_link_tag() expect(link).to include("/stylesheets/color_definitions_funky_#{cs.id}_") end it "uses the correct color scheme when a non-default theme is selected and it uses the base 'Light' scheme" do cs = Fabricate(:color_scheme, name: 'Not This') default_theme = Fabricate(:theme, color_scheme_id: cs.id) SiteSetting.default_theme_id = default_theme.id user_theme = Fabricate(:theme, color_scheme_id: nil) link = Stylesheet::Manager.color_scheme_stylesheet_link_tag(nil, "all", [user_theme.id]) expect(link).to include("/stylesheets/color_definitions_base_") end it "uses the correct scheme when a valid scheme id is used" do link = Stylesheet::Manager.color_scheme_stylesheet_link_tag(ColorScheme.first.id) slug = Slug.for(ColorScheme.first.name) + "_" + ColorScheme.first.id.to_s expect(link).to include("/stylesheets/color_definitions_#{slug}_") end it "does not fail with a color scheme name containing spaces and special characters" do cs = Fabricate(:color_scheme, name: 'Funky Bunch -_ @#$*(') theme = Fabricate(:theme, color_scheme_id: cs.id) SiteSetting.default_theme_id = theme.id link = Stylesheet::Manager.color_scheme_stylesheet_link_tag() expect(link).to include("/stylesheets/color_definitions_funky-bunch_#{cs.id}_") end it "updates outputted colors when updating a color scheme" do scheme = ColorScheme.create_from_base(name: "Neutral", base_scheme_id: "Neutral") manager = Stylesheet::Manager.new(:color_definitions, nil, scheme) stylesheet = manager.compile ColorSchemeRevisor.revise(scheme, colors: [{ name: "primary", hex: "CC0000" }]) manager2 = Stylesheet::Manager.new(:color_definitions, nil, scheme) stylesheet2 = manager2.compile expect(stylesheet).not_to eq(stylesheet2) expect(stylesheet2).to include("--primary: #c00;") end context "theme colors" do let(:theme) { Fabricate(:theme).tap { |t| t.set_field(target: :common, name: "color_definitions", value: ':root {--special: rebeccapurple;}') t.save! }} let(:scheme) { ColorScheme.base } it "includes theme color definitions in color scheme" do stylesheet = Stylesheet::Manager.new(:color_definitions, theme.id, scheme).compile expect(stylesheet).to include("--special: rebeccapurple") end it "fails gracefully for broken SCSS" do scss = "$test: $missing-var;" theme.set_field(target: :common, name: "color_definitions", value: scss) theme.save! stylesheet = Stylesheet::Manager.new(:color_definitions, theme.id, scheme) expect { stylesheet.compile }.not_to raise_error end end context 'encoded slugs' do before { SiteSetting.slug_generation_method = 'encoded' } after { SiteSetting.slug_generation_method = 'ascii' } it "strips unicode in color scheme stylesheet filenames" do cs = Fabricate(:color_scheme, name: 'Grün') cs2 = Fabricate(:color_scheme, name: '어두운') link = Stylesheet::Manager.color_scheme_stylesheet_link_tag(cs.id) expect(link).to include("/stylesheets/color_definitions_grun_#{cs.id}_") link2 = Stylesheet::Manager.color_scheme_stylesheet_link_tag(cs2.id) expect(link2).to include("/stylesheets/color_definitions_scheme_#{cs2.id}_") end end end # this test takes too long, we don't run it by default describe ".precompile_css", if: ENV["RUN_LONG_TESTS"] == "1" do before do class << STDERR alias_method :orig_write, :write def write(x) end end end after do class << STDERR def write(x) orig_write(x) end end FileUtils.rm_rf("tmp/stylesheet-cache") end it "correctly generates precompiled CSS" do scheme1 = ColorScheme.create!(name: "scheme1") scheme2 = ColorScheme.create!(name: "scheme2") core_targets = [:desktop, :mobile, :desktop_rtl, :mobile_rtl, :admin] theme_targets = [:desktop_theme, :mobile_theme] color_scheme_targets = ["color_definitions_scheme1_#{scheme1.id}", "color_definitions_scheme2_#{scheme2.id}"] Theme.update_all(user_selectable: false) user_theme = Fabricate(:theme, user_selectable: true, color_scheme: scheme1) default_theme = Fabricate(:theme, user_selectable: true, color_scheme: scheme2) default_theme.set_default! StylesheetCache.destroy_all Stylesheet::Manager.precompile_css results = StylesheetCache.pluck(:target) expect(results.size).to eq(17) # (2 themes x 7 targets) + 3 color schemes (2 themes, 1 base) core_targets.each do |tar| expect(results.count { |target| target =~ /^#{tar}_(#{scheme1.id}|#{scheme2.id})$/ }).to eq(2) end theme_targets.each do |tar| expect(results.count { |target| target =~ /^#{tar}_(#{user_theme.id}|#{default_theme.id})$/ }).to eq(2) end Theme.clear_default! StylesheetCache.destroy_all Stylesheet::Manager.precompile_css results = StylesheetCache.pluck(:target) expect(results.size).to eq(22) # (2 themes x 7 targets) + (1 no/default/core theme x 5 core targets) + 3 color schemes (2 themes, 1 base) core_targets.each do |tar| expect(results.count { |target| target =~ /^(#{tar}_(#{scheme1.id}|#{scheme2.id})|#{tar})$/ }).to eq(3) end theme_targets.each do |tar| expect(results.count { |target| target =~ /^#{tar}_(#{user_theme.id}|#{default_theme.id})$/ }).to eq(2) end expect(results).to include(color_scheme_targets[0]) expect(results).to include(color_scheme_targets[1]) end end end