@@ -8,7 +8,7 @@ const fixTime = async (page) => {
8
8
await page . clock . install ( { time : newDate } ) ;
9
9
} ;
10
10
11
- test ( "Calendar 0 " , async ( { page } ) => {
11
+ test ( "calendar-0-multiple-days: ui tests " , async ( { page } ) => {
12
12
await fixTime ( page ) ;
13
13
14
14
await page . goto ( "/template/calendar-0-multiple-days" ) ;
@@ -18,45 +18,183 @@ test("Calendar 0", async ({ page }) => {
18
18
await expect ( page . getByText ( "Det tomme rum" ) ) . toBeVisible ( ) ;
19
19
await expect ( page . getByText ( "Cake is gone" ) ) . toBeVisible ( ) ;
20
20
await expect ( page . getByText ( "Det fulde rum" ) ) . toBeVisible ( ) ;
21
+ await expect ( page . getByText ( "Se mere på localhost/events" ) ) . toBeVisible ( ) ;
21
22
22
23
await expect ( page . locator ( ".content > section" ) ) . toHaveCount ( 5 ) ;
24
+ await expect ( page . locator ( ".font-size-m" ) ) . toHaveCount ( 1 ) ;
25
+
26
+ await expect ( page . locator ( ".calendar-multiple-days" ) ) . toHaveCSS (
27
+ "--bg-image" ,
28
+ "" ,
29
+ ) ;
23
30
} ) ;
24
31
25
- test ( "Calendar 1 " , async ( { page } ) => {
32
+ test ( "calendar-1-multiple-days: ui tests " , async ( { page } ) => {
26
33
await fixTime ( page ) ;
27
34
28
- await page . goto ( "/template/calendar-1-multiple" ) ;
35
+ await page . goto ( "/template/calendar-1-multiple-days " ) ;
29
36
30
- await expect ( page . getByText ( "Cake is in the past" ) ) . toHaveCount ( 0 ) ;
37
+ await expect ( page . locator ( ".content" ) ) . toBeEmpty ( ) ;
38
+ await expect ( page . locator ( ".footer" ) ) . toHaveCount ( 0 ) ;
39
+ await expect ( page . locator ( ".font-size-xl" ) ) . toHaveCount ( 1 ) ;
40
+ await expect ( page . locator ( ".calendar-multiple-days" ) ) . toHaveCSS (
41
+ "--bg-image" ,
42
+ new RegExp ( "/fixtures/template/images/mountain1.jpeg" ) ,
43
+ ) ;
44
+ } ) ;
45
+
46
+ test ( "calendar-0-multiple: ui test" , async ( { page } ) => {
47
+ await fixTime ( page ) ;
48
+
49
+ await page . goto ( "/template/calendar-0-multiple" ) ;
31
50
51
+ // hideGrid true
52
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
53
+ "border-bottom" ,
54
+ "0px none rgb(0, 0, 0)" ,
55
+ ) ;
56
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
57
+ "border-right" ,
58
+ "0px none rgb(0, 0, 0)" ,
59
+ ) ;
60
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
61
+ "border-left" ,
62
+ "0px none rgb(0, 0, 0)" ,
63
+ ) ;
64
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
65
+ "border-top" ,
66
+ "0px none rgb(0, 0, 0)" ,
67
+ ) ;
32
68
await expect ( page . locator ( ".header-title" ) ) . toHaveText (
33
69
"Møder i dag på Bautavej" ,
34
70
) ;
71
+
72
+ // fontSize: "font-size-xl"
73
+ await expect ( page . locator ( ".font-size-xl" ) ) . toHaveCount ( 1 ) ;
74
+
75
+ // hasDateAndTime: true
76
+ // dateAsBox: false,
77
+ await expect ( page . locator ( ".header-date" ) ) . toHaveCount ( 1 ) ;
78
+ await expect ( page . locator ( ".header-date-box" ) ) . toHaveCount ( 0 ) ;
35
79
await expect ( page . locator ( ".header-date" ) ) . toHaveText ( new RegExp ( "06:" ) ) ;
80
+
81
+ await expect ( page . getByText ( "Cake is in the past" ) ) . toHaveCount ( 0 ) ;
36
82
await expect ( page . locator ( ".content-item" ) ) . toHaveCount ( 3 ) ;
37
- await expect ( page . getByText ( "Hvad" ) ) . toBeVisible ( ) ;
38
- await expect ( page . getByText ( "Hvornår" ) ) . toBeVisible ( ) ;
83
+
84
+ // headerOrder: "whatwherewhen",
85
+ await expect ( page . getByText ( "Hvad" , { exact : true } ) ) . toHaveCSS ( "order" , "1" ) ;
86
+ await expect ( page . getByText ( "Hvor" , { exact : true } ) ) . toHaveCSS ( "order" , "2" ) ;
87
+ await expect ( page . getByText ( "Hvornår" , { exact : true } ) ) . toHaveCSS (
88
+ "order" ,
89
+ "3" ,
90
+ ) ;
39
91
40
92
await expect ( page . getByText ( "Det tredje rum" ) ) . toBeVisible ( ) ;
41
93
await expect ( page . getByText ( "Coffee" ) ) . toBeVisible ( ) ;
42
94
} ) ;
43
95
44
- test ( "Calendar 2 " , async ( { page } ) => {
96
+ test ( "calendar-1-multiple: ui test " , async ( { page } ) => {
45
97
await fixTime ( page ) ;
46
98
47
- await page . goto ( "/template/calendar-2-single " ) ;
99
+ await page . goto ( "/template/calendar-1-multiple " ) ;
48
100
49
- await expect ( page . getByText ( "Kalender" ) ) . toBeVisible ( ) ;
50
- await expect ( page . getByText ( "Underoverskrift" ) ) . toBeVisible ( ) ;
51
- await expect ( page . getByText ( "Cake is a lie" ) ) . toBeVisible ( ) ;
101
+ await expect ( page . getByText ( "Cake is in the past" ) ) . toHaveCount ( 0 ) ;
102
+
103
+ await expect ( page . locator ( ".header-title" ) ) . toHaveCount ( 1 ) ;
104
+ await expect ( page . locator ( ".header-title" ) ) . toHaveText ( "" ) ;
105
+
106
+ // hideGrid false
107
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
108
+ "border-bottom" ,
109
+ "1px solid rgb(26, 26, 26)" ,
110
+ ) ;
111
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
112
+ "border-right" ,
113
+ "0px none rgb(0, 0, 0)" ,
114
+ ) ;
115
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
116
+ "border-left" ,
117
+ "1px solid rgb(26, 26, 26)" ,
118
+ ) ;
119
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
120
+ "border-top" ,
121
+ "0px none rgb(0, 0, 0)" ,
122
+ ) ;
123
+
124
+ // headerOrder: null, (default when what where)
125
+ await expect ( page . getByText ( "Hvornår" , { exact : true } ) ) . toHaveCSS (
126
+ "order" ,
127
+ "1" ,
128
+ ) ;
129
+ await expect ( page . getByText ( "Hvad" , { exact : true } ) ) . toHaveCSS ( "order" , "2" ) ;
130
+ await expect ( page . getByText ( "Hvor" , { exact : true } ) ) . toHaveCSS ( "order" , "3" ) ;
131
+
132
+ // fontSize: "font-size-xs"
133
+ await expect ( page . locator ( ".font-size-xs" ) ) . toHaveCount ( 1 ) ;
134
+
135
+ // hasDateAndTime: true
136
+ // dateAsBox: true,
137
+ await expect ( page . locator ( ".header-date" ) ) . toHaveCount ( 1 ) ;
138
+ await expect ( page . locator ( ".header-date-box" ) ) . toHaveCount ( 0 ) ;
139
+ await expect ( page . locator ( ".header-date" ) ) . toHaveText ( new RegExp ( "06:" ) ) ;
140
+
141
+ await expect ( page . locator ( ".content-item" ) ) . toHaveCount ( 3 ) ;
52
142
} ) ;
53
143
54
- test ( "Calendar 3 " , async ( { page } ) => {
144
+ test ( "calendar-2-multiple: ui test " , async ( { page } ) => {
55
145
await fixTime ( page ) ;
56
146
57
- await page . goto ( "/template/calendar-3 -multiple-days " ) ;
147
+ await page . goto ( "/template/calendar-2 -multiple" ) ;
58
148
59
- // TODO
149
+ // hasDateAndTime: false
150
+ // dateAsBox: false,
151
+ await expect ( page . locator ( ".header-date" ) ) . toHaveCount ( 0 ) ;
152
+ await expect ( page . locator ( ".header-date-box" ) ) . toHaveCount ( 0 ) ;
153
+ } ) ;
154
+
155
+ test ( "calendar-0-single: ui tests" , async ( { page } ) => {
156
+ await fixTime ( page ) ;
157
+
158
+ await page . goto ( "/template/calendar-0-single" ) ;
159
+
160
+ const title = page . locator ( ".title" ) ;
161
+ const subtitle = page . locator ( ".subtitle" ) ;
162
+
163
+ await expect ( title ) . toHaveText ( "Kalender" ) ;
164
+ await expect ( subtitle ) . toHaveText ( "Underoverskrift" ) ;
165
+ const items = page . locator ( ".content-item" ) ;
166
+
167
+ await expect ( items ) . toHaveCount ( 3 ) ;
168
+
169
+ await expect ( items . nth ( 0 ) ) . toContainText ( "07:30 - 08:00Cake is a lie" ) ;
170
+
171
+ await expect ( items . nth ( 1 ) ) . toContainText ( "07:30 - 08:00Cake" ) ;
172
+
173
+ await expect ( items . nth ( 2 ) ) . toContainText ( "08:00 - 09:00Det er optaget" ) ;
174
+
175
+ await expect ( page . locator ( ".media-contain" ) ) . toHaveCount ( 1 ) ;
176
+ await expect ( page . locator ( ".template-calendar" ) ) . toHaveCSS (
177
+ "--bg-image" ,
178
+ new RegExp ( "/fixtures/template/images/mountain1.jpeg" ) ,
179
+ ) ;
180
+ await expect ( page . locator ( ".content-item" ) . nth ( 1 ) ) . toHaveCSS (
181
+ "border-left" ,
182
+ "1px solid rgb(26, 26, 26)" ,
183
+ ) ;
184
+ await expect ( page . locator ( ".media-contain" ) ) . toHaveCount ( 1 ) ;
185
+ } ) ;
186
+
187
+ test ( "calendar-1-single: ui tests" , async ( { page } ) => {
188
+ await fixTime ( page ) ;
189
+
190
+ await page . goto ( "/template/calendar-1-single" ) ;
191
+
192
+ const title = page . locator ( ".title" ) ;
193
+ const subtitle = page . locator ( ".subtitle" ) ;
194
+
195
+ await expect ( title ) . toHaveText ( "Kalender" ) ;
196
+ await expect ( subtitle ) . toHaveText ( "Underoverskrift" ) ;
197
+ await expect ( page . locator ( ".media-contain" ) ) . toHaveCount ( 0 ) ;
60
198
} ) ;
61
199
62
200
test ( "Calendar 4" , async ( { page } ) => {
0 commit comments