Separate methods for theme style and meta color tags (#29802)
This commit is contained in:
parent
52ab8a59c6
commit
b61ae28f8d
5 changed files with 123 additions and 14 deletions
91
spec/helpers/theme_helper_spec.rb
Normal file
91
spec/helpers/theme_helper_spec.rb
Normal file
|
@ -0,0 +1,91 @@
|
|||
# frozen_string_literal: true
|
||||
|
||||
require 'rails_helper'
|
||||
|
||||
describe ThemeHelper do
|
||||
describe 'theme_style_tags' do
|
||||
let(:result) { helper.theme_style_tags(theme) }
|
||||
|
||||
context 'when using system theme' do
|
||||
let(:theme) { 'system' }
|
||||
|
||||
it 'returns the mastodon-light and default stylesheets with correct color schemes' do
|
||||
expect(html_links.first.attributes.symbolize_keys)
|
||||
.to include(
|
||||
href: have_attributes(value: match(/mastodon-light/)),
|
||||
media: have_attributes(value: 'not all and (prefers-color-scheme: dark)')
|
||||
)
|
||||
expect(html_links.last.attributes.symbolize_keys)
|
||||
.to include(
|
||||
href: have_attributes(value: match(/default/)),
|
||||
media: have_attributes(value: '(prefers-color-scheme: dark)')
|
||||
)
|
||||
end
|
||||
end
|
||||
|
||||
context 'when using other theme' do
|
||||
let(:theme) { 'contrast' }
|
||||
|
||||
it 'returns the theme stylesheet without color scheme information' do
|
||||
expect(html_links.first.attributes.symbolize_keys)
|
||||
.to include(
|
||||
href: have_attributes(value: match(/contrast/)),
|
||||
media: have_attributes(value: 'all')
|
||||
)
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
describe 'theme_color_tags' do
|
||||
let(:result) { helper.theme_color_tags(theme) }
|
||||
|
||||
context 'when using system theme' do
|
||||
let(:theme) { 'system' }
|
||||
|
||||
it 'returns the mastodon-light and default stylesheets with correct color schemes' do
|
||||
expect(html_theme_colors.first.attributes.symbolize_keys)
|
||||
.to include(
|
||||
content: have_attributes(value: Themes::THEME_COLORS[:dark]),
|
||||
media: have_attributes(value: '(prefers-color-scheme: dark)')
|
||||
)
|
||||
expect(html_theme_colors.last.attributes.symbolize_keys)
|
||||
.to include(
|
||||
content: have_attributes(value: Themes::THEME_COLORS[:light]),
|
||||
media: have_attributes(value: '(prefers-color-scheme: light)')
|
||||
)
|
||||
end
|
||||
end
|
||||
|
||||
context 'when using mastodon-light theme' do
|
||||
let(:theme) { 'mastodon-light' }
|
||||
|
||||
it 'returns the theme stylesheet without color scheme information' do
|
||||
expect(html_theme_colors.first.attributes.symbolize_keys)
|
||||
.to include(
|
||||
content: have_attributes(value: Themes::THEME_COLORS[:light])
|
||||
)
|
||||
end
|
||||
end
|
||||
|
||||
context 'when using other theme' do
|
||||
let(:theme) { 'contrast' }
|
||||
|
||||
it 'returns the theme stylesheet without color scheme information' do
|
||||
expect(html_theme_colors.first.attributes.symbolize_keys)
|
||||
.to include(
|
||||
content: have_attributes(value: Themes::THEME_COLORS[:dark])
|
||||
)
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
private
|
||||
|
||||
def html_links
|
||||
Nokogiri::HTML5.fragment(result).css('link')
|
||||
end
|
||||
|
||||
def html_theme_colors
|
||||
Nokogiri::HTML5.fragment(result).css('meta[name=theme-color]')
|
||||
end
|
||||
end
|
Loading…
Add table
Add a link
Reference in a new issue