Skip to content
This repository was archived by the owner on Jun 11, 2024. It is now read-only.

Commit fde91ff

Browse files
mgolmgol
authored
Add more thorough tests for jQuery UI 1.12.1 & 1.13.2
Closes gh-18
1 parent ee6cf46 commit fde91ff

File tree

5 files changed

+1113
-151
lines changed

5 files changed

+1113
-151
lines changed

‎test/fixtures/jquery-ui-1.12/base/theme.css ‎test/fixtures/jquery-ui-1.12.1/base/theme.css

+97-64
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* jQuery UI CSS Framework @VERSION
2+
* jQuery UI CSS Framework 1.12.1
33
* http://jqueryui.com
44
*
55
* Copyright jQuery Foundation and other contributors
@@ -15,7 +15,7 @@
1515
/* Component containers
1616
----------------------------------*/
1717
.ui-widget {
18-
font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
18+
font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
1919
font-size: 1em/*{fsDefault}*/;
2020
}
2121
.ui-widget .ui-widget {
@@ -25,53 +25,68 @@
2525
.ui-widget select,
2626
.ui-widget textarea,
2727
.ui-widget button {
28-
font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
28+
font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
2929
font-size: 1em;
3030
}
31+
.ui-widget.ui-widget-content {
32+
border: 1px solid #c5c5c5/*{borderColorDefault}*/;
33+
}
3134
.ui-widget-content {
32-
border: 1px solid #aaaaaa/*{borderColorContent}*/;
33-
background: #ffffff/*{bgColorContent}*/ url("images/ui-bg_flat_75_ffffff_40x100.png")/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
34-
color: #222222/*{fcContent}*/;
35+
border: 1px solid #dddddd/*{borderColorContent}*/;
36+
background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
37+
color: #333333/*{fcContent}*/;
3538
}
3639
.ui-widget-content a {
37-
color: #222222/*{fcContent}*/;
40+
color: #333333/*{fcContent}*/;
3841
}
3942
.ui-widget-header {
40-
border: 1px solid #aaaaaa/*{borderColorHeader}*/;
41-
background: #cccccc/*{bgColorHeader}*/ url("images/ui-bg_highlight-soft_75_cccccc_1x100.png")/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
42-
color: #222222/*{fcHeader}*/;
43+
border: 1px solid #dddddd/*{borderColorHeader}*/;
44+
background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
45+
color: #333333/*{fcHeader}*/;
4346
font-weight: bold;
4447
}
4548
.ui-widget-header a {
46-
color: #222222/*{fcHeader}*/;
49+
color: #333333/*{fcHeader}*/;
4750
}
4851

4952
/* Interaction states
5053
----------------------------------*/
5154
.ui-state-default,
5255
.ui-widget-content .ui-state-default,
53-
.ui-widget-header .ui-state-default {
54-
border: 1px solid #d3d3d3/*{borderColorDefault}*/;
55-
background: #e6e6e6/*{bgColorDefault}*/ url("images/ui-bg_glass_75_e6e6e6_1x400.png")/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
56+
.ui-widget-header .ui-state-default,
57+
.ui-button,
58+
59+
/* We use html here because we need a greater specificity to make sure disabled
60+
works properly when clicked or hovered */
61+
html .ui-button.ui-state-disabled:hover,
62+
html .ui-button.ui-state-disabled:active {
63+
border: 1px solid #c5c5c5/*{borderColorDefault}*/;
64+
background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
5665
font-weight: normal/*{fwDefault}*/;
57-
color: #555555/*{fcDefault}*/;
66+
color: #454545/*{fcDefault}*/;
5867
}
5968
.ui-state-default a,
6069
.ui-state-default a:link,
61-
.ui-state-default a:visited {
62-
color: #555555/*{fcDefault}*/;
70+
.ui-state-default a:visited,
71+
a.ui-button,
72+
a:link.ui-button,
73+
a:visited.ui-button,
74+
.ui-button {
75+
color: #454545/*{fcDefault}*/;
6376
text-decoration: none;
6477
}
6578
.ui-state-hover,
6679
.ui-widget-content .ui-state-hover,
6780
.ui-widget-header .ui-state-hover,
6881
.ui-state-focus,
6982
.ui-widget-content .ui-state-focus,
70-
.ui-widget-header .ui-state-focus {
71-
border: 1px solid #999999/*{borderColorHover}*/;
72-
background: #dadada/*{bgColorHover}*/ url("images/ui-bg_glass_75_dadada_1x400.png")/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
83+
.ui-widget-header .ui-state-focus,
84+
.ui-button:hover,
85+
.ui-button:focus {
86+
border: 1px solid #cccccc/*{borderColorHover}*/;
87+
background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
7388
font-weight: normal/*{fwDefault}*/;
74-
color: #212121/*{fcHover}*/;
89+
color: #2b2b2b/*{fcHover}*/;
7590
}
7691
.ui-state-hover a,
7792
.ui-state-hover a:hover,
@@ -80,22 +95,36 @@
8095
.ui-state-focus a,
8196
.ui-state-focus a:hover,
8297
.ui-state-focus a:link,
83-
.ui-state-focus a:visited {
84-
color: #212121/*{fcHover}*/;
98+
.ui-state-focus a:visited,
99+
a.ui-button:hover,
100+
a.ui-button:focus {
101+
color: #2b2b2b/*{fcHover}*/;
85102
text-decoration: none;
86103
}
104+
105+
.ui-visual-focus {
106+
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
107+
}
87108
.ui-state-active,
88109
.ui-widget-content .ui-state-active,
89-
.ui-widget-header .ui-state-active {
90-
border: 1px solid #aaaaaa/*{borderColorActive}*/;
91-
background: #ffffff/*{bgColorActive}*/ url("images/ui-bg_glass_65_ffffff_1x400.png")/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
110+
.ui-widget-header .ui-state-active,
111+
a.ui-button:active,
112+
.ui-button:active,
113+
.ui-button.ui-state-active:hover {
114+
border: 1px solid #003eff/*{borderColorActive}*/;
115+
background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
92116
font-weight: normal/*{fwDefault}*/;
93-
color: #212121/*{fcActive}*/;
117+
color: #ffffff/*{fcActive}*/;
118+
}
119+
.ui-icon-background,
120+
.ui-state-active .ui-icon-background {
121+
border: #003eff/*{borderColorActive}*/;
122+
background-color: #ffffff/*{fcActive}*/;
94123
}
95124
.ui-state-active a,
96125
.ui-state-active a:link,
97126
.ui-state-active a:visited {
98-
color: #212121/*{fcActive}*/;
127+
color: #ffffff/*{fcActive}*/;
99128
text-decoration: none;
100129
}
101130

@@ -104,31 +133,35 @@
104133
.ui-state-highlight,
105134
.ui-widget-content .ui-state-highlight,
106135
.ui-widget-header .ui-state-highlight {
107-
border: 1px solid #fcefa1/*{borderColorHighlight}*/;
108-
background: #fbf9ee/*{bgColorHighlight}*/ url("images/ui-bg_glass_55_fbf9ee_1x400.png")/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
109-
color: #363636/*{fcHighlight}*/;
136+
border: 1px solid #dad55e/*{borderColorHighlight}*/;
137+
background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
138+
color: #777620/*{fcHighlight}*/;
139+
}
140+
.ui-state-checked {
141+
border: 1px solid #dad55e/*{borderColorHighlight}*/;
142+
background: #fffa90/*{bgColorHighlight}*/;
110143
}
111144
.ui-state-highlight a,
112145
.ui-widget-content .ui-state-highlight a,
113146
.ui-widget-header .ui-state-highlight a {
114-
color: #363636/*{fcHighlight}*/;
147+
color: #777620/*{fcHighlight}*/;
115148
}
116149
.ui-state-error,
117150
.ui-widget-content .ui-state-error,
118151
.ui-widget-header .ui-state-error {
119-
border: 1px solid #cd0a0a/*{borderColorError}*/;
120-
background: #fef1ec/*{bgColorError}*/ url("images/ui-bg_glass_95_fef1ec_1x400.png")/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
121-
color: #cd0a0a/*{fcError}*/;
152+
border: 1px solid #f1a899/*{borderColorError}*/;
153+
background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
154+
color: #5f3f3f/*{fcError}*/;
122155
}
123156
.ui-state-error a,
124157
.ui-widget-content .ui-state-error a,
125158
.ui-widget-header .ui-state-error a {
126-
color: #cd0a0a/*{fcError}*/;
159+
color: #5f3f3f/*{fcError}*/;
127160
}
128161
.ui-state-error-text,
129162
.ui-widget-content .ui-state-error-text,
130163
.ui-widget-header .ui-state-error-text {
131-
color: #cd0a0a/*{fcError}*/;
164+
color: #5f3f3f/*{fcError}*/;
132165
}
133166
.ui-priority-primary,
134167
.ui-widget-content .ui-priority-primary,
@@ -163,27 +196,31 @@
163196
}
164197
.ui-icon,
165198
.ui-widget-content .ui-icon {
166-
background-image: url("images/ui-icons_222222_256x240.png")/*{iconsContent}*/;
199+
background-image: url("images/ui-icons_444444_256x240.png")/*{iconsContent}*/;
167200
}
168201
.ui-widget-header .ui-icon {
169-
background-image: url("images/ui-icons_222222_256x240.png")/*{iconsHeader}*/;
170-
}
171-
.ui-state-default .ui-icon {
172-
background-image: url("images/ui-icons_888888_256x240.png")/*{iconsDefault}*/;
202+
background-image: url("images/ui-icons_444444_256x240.png")/*{iconsHeader}*/;
173203
}
174204
.ui-state-hover .ui-icon,
175-
.ui-state-focus .ui-icon {
176-
background-image: url("images/ui-icons_454545_256x240.png")/*{iconsHover}*/;
205+
.ui-state-focus .ui-icon,
206+
.ui-button:hover .ui-icon,
207+
.ui-button:focus .ui-icon {
208+
background-image: url("images/ui-icons_555555_256x240.png")/*{iconsHover}*/;
177209
}
178-
.ui-state-active .ui-icon {
179-
background-image: url("images/ui-icons_454545_256x240.png")/*{iconsActive}*/;
210+
.ui-state-active .ui-icon,
211+
.ui-button:active .ui-icon {
212+
background-image: url("images/ui-icons_ffffff_256x240.png")/*{iconsActive}*/;
180213
}
181-
.ui-state-highlight .ui-icon {
182-
background-image: url("images/ui-icons_2e83ff_256x240.png")/*{iconsHighlight}*/;
214+
.ui-state-highlight .ui-icon,
215+
.ui-button .ui-state-highlight.ui-icon {
216+
background-image: url("images/ui-icons_777620_256x240.png")/*{iconsHighlight}*/;
183217
}
184218
.ui-state-error .ui-icon,
185219
.ui-state-error-text .ui-icon {
186-
background-image: url("images/ui-icons_cd0a0a_256x240.png")/*{iconsError}*/;
220+
background-image: url("images/ui-icons_cc0000_256x240.png")/*{iconsError}*/;
221+
}
222+
.ui-button .ui-icon {
223+
background-image: url("images/ui-icons_777777_256x240.png")/*{iconsDefault}*/;
187224
}
188225

189226
/* positioning */
@@ -192,7 +229,7 @@
192229
.ui-icon-caret-1-ne { background-position: -16px 0; }
193230
.ui-icon-caret-1-e { background-position: -32px 0; }
194231
.ui-icon-caret-1-se { background-position: -48px 0; }
195-
.ui-icon-caret-1-s { background-position: -64px 0; }
232+
.ui-icon-caret-1-s { background-position: -65px 0; }
196233
.ui-icon-caret-1-sw { background-position: -80px 0; }
197234
.ui-icon-caret-1-w { background-position: -96px 0; }
198235
.ui-icon-caret-1-nw { background-position: -112px 0; }
@@ -202,7 +239,7 @@
202239
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
203240
.ui-icon-triangle-1-e { background-position: -32px -16px; }
204241
.ui-icon-triangle-1-se { background-position: -48px -16px; }
205-
.ui-icon-triangle-1-s { background-position: -64px -16px; }
242+
.ui-icon-triangle-1-s { background-position: -65px -16px; }
206243
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
207244
.ui-icon-triangle-1-w { background-position: -96px -16px; }
208245
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
@@ -212,7 +249,7 @@
212249
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
213250
.ui-icon-arrow-1-e { background-position: -32px -32px; }
214251
.ui-icon-arrow-1-se { background-position: -48px -32px; }
215-
.ui-icon-arrow-1-s { background-position: -64px -32px; }
252+
.ui-icon-arrow-1-s { background-position: -65px -32px; }
216253
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
217254
.ui-icon-arrow-1-w { background-position: -96px -32px; }
218255
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
@@ -224,7 +261,7 @@
224261
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
225262
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
226263
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
227-
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
264+
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
228265
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
229266
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
230267
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
@@ -373,38 +410,34 @@
373410
.ui-corner-top,
374411
.ui-corner-left,
375412
.ui-corner-tl {
376-
border-top-left-radius: 4px/*{cornerRadius}*/;
413+
border-top-left-radius: 3px/*{cornerRadius}*/;
377414
}
378415
.ui-corner-all,
379416
.ui-corner-top,
380417
.ui-corner-right,
381418
.ui-corner-tr {
382-
border-top-right-radius: 4px/*{cornerRadius}*/;
419+
border-top-right-radius: 3px/*{cornerRadius}*/;
383420
}
384421
.ui-corner-all,
385422
.ui-corner-bottom,
386423
.ui-corner-left,
387424
.ui-corner-bl {
388-
border-bottom-left-radius: 4px/*{cornerRadius}*/;
425+
border-bottom-left-radius: 3px/*{cornerRadius}*/;
389426
}
390427
.ui-corner-all,
391428
.ui-corner-bottom,
392429
.ui-corner-right,
393430
.ui-corner-br {
394-
border-bottom-right-radius: 4px/*{cornerRadius}*/;
431+
border-bottom-right-radius: 3px/*{cornerRadius}*/;
395432
}
396433

397434
/* Overlays */
398435
.ui-widget-overlay {
399-
background: #aaaaaa/*{bgColorOverlay}*/ url("images/ui-bg_flat_0_aaaaaa_40x100.png")/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
436+
background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
400437
opacity: .3/*{opacityOverlay}*/;
401438
filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
402439
}
403440
.ui-widget-shadow {
404-
margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
405-
padding: 8px/*{thicknessShadow}*/;
406-
background: #aaaaaa/*{bgColorShadow}*/ url("images/ui-bg_flat_0_aaaaaa_40x100.png")/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
407-
opacity: .3/*{opacityShadow}*/;
408-
filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; /* support: IE8 */
409-
border-radius: 8px/*{cornerRadiusShadow}*/;
441+
-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
442+
box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
410443
}

0 commit comments

Comments
 (0)