1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
# frozen_string_literal: true
require 'spec_helper'
RSpec.describe LazyImageTagHelper do
describe '#image_tag' do
let(:image_src) { '/path/to/image.jpg' }
let(:dark_image_src) { '/path/to/image_dark.jpg' }
context 'when only source passed' do
let(:current_user) { create(:user) }
let(:result) { image_tag(image_src) }
it 'returns a lazy image tag by default' do
expect(result).to eq(
"<img data-src=\"#{image_src}\" class=\"lazy\" src=\"#{placeholder_image}\" />"
)
end
end
context 'when lazy mode is disabled' do
let(:current_user) { create(:user) }
let(:result) { image_tag(image_src, lazy: false) }
it 'returns a normal image tag' do
expect(result).to eq(
"<img src=\"#{image_src}\" />"
)
end
end
context 'when Dark Mode is enabled' do
let(:current_user) { create(:user, theme_id: 11) }
context 'when auto dark enabled' do
let(:result) { image_tag(image_src, auto_dark: true) }
it 'adds an auto dark mode class from gitlab-ui' do
expect(result).to eq(
"<img class=\"gl-dark-invert-keep-hue lazy\" data-src=\"#{image_src}\" src=\"#{placeholder_image}\" />"
)
end
end
context 'when auto dark disabled' do
let(:result) { image_tag(image_src, auto_dark: false) }
it 'does nothing' do
expect(result).to eq(
"<img data-src=\"#{image_src}\" class=\"lazy\" src=\"#{placeholder_image}\" />"
)
end
end
context 'when dark variant is present' do
let(:result) { image_tag(image_src, dark_variant: dark_image_src) }
it 'uses dark variant as a source' do
expect(result).to eq(
"<img data-src=\"#{dark_image_src}\" class=\"lazy\" src=\"#{placeholder_image}\" />"
)
end
end
end
context 'when Dark Mode is disabled' do
let(:current_user) { create(:user, theme_id: 1) }
context 'when auto dark enabled' do
let(:result) { image_tag(image_src, auto_dark: true) }
it 'does not add a dark mode class from gitlab-ui' do
expect(result).to eq(
"<img data-src=\"#{image_src}\" class=\"lazy\" src=\"#{placeholder_image}\" />"
)
end
end
context 'when auto dark disabled' do
let(:result) { image_tag(image_src, auto_dark: true) }
it 'does nothing' do
expect(result).to eq(
"<img data-src=\"#{image_src}\" class=\"lazy\" src=\"#{placeholder_image}\" />"
)
end
end
context 'when dark variant is present' do
let(:result) { image_tag(image_src, dark_variant: dark_image_src) }
it 'uses original image as a source' do
expect(result).to eq(
"<img data-src=\"#{image_src}\" class=\"lazy\" src=\"#{placeholder_image}\" />"
)
end
end
end
context 'when auto_dark and dark_variant are both passed' do
let(:current_user) { create(:user) }
it 'does not add a dark mode class from gitlab-ui' do
expect { image_tag('image.jpg', dark_variant: 'image_dark.jpg', auto_dark: true) }
.to raise_error(ArgumentError, 'dark_variant and auto_dark are mutually exclusive')
end
end
end
end
|
