Skip to content

Commit 53f0b65

Browse files
PrakashDurlabhjiPrakashDurlabhji
authored
Merge pull request #13 from topcoder-platform/qa-accessibility
Qa accessibility
2 parents 0649fb1 + 86aaa64 commit 53f0b65

File tree

69 files changed

+3379
-3636
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

69 files changed

+3379
-3636
lines changed

‎.circleci/config.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -195,6 +195,7 @@ workflows:
195195
- general-features
196196
- develop-from-master-23may
197197
- hot-fixes-4
198+
- qa-accessibility
198199
# Production builds are exectuted only on tagged commits to the
199200
# master branch.
200201
- "build-prod":

‎__tests__/shared/components/ProfilePage/BadgesModal/__snapshots__/index.jsx.snap

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,7 @@ exports[`renders achievements correctly 1`] = `
6767
/>
6868
}
6969
defaultVisible={false}
70+
id=""
7071
onTooltipHover={[Function]}
7172
placeArrow={[Function]}
7273
position="top"
@@ -91,6 +92,7 @@ exports[`renders achievements correctly 1`] = `
9192
/>
9293
}
9394
defaultVisible={false}
95+
id=""
9496
onTooltipHover={[Function]}
9597
placeArrow={[Function]}
9698
position="top"
@@ -115,6 +117,7 @@ exports[`renders achievements correctly 1`] = `
115117
/>
116118
}
117119
defaultVisible={false}
120+
id=""
118121
onTooltipHover={[Function]}
119122
placeArrow={[Function]}
120123
position="top"
@@ -139,6 +142,7 @@ exports[`renders achievements correctly 1`] = `
139142
/>
140143
}
141144
defaultVisible={false}
145+
id=""
142146
onTooltipHover={[Function]}
143147
placeArrow={[Function]}
144148
position="top"
@@ -163,6 +167,7 @@ exports[`renders achievements correctly 1`] = `
163167
/>
164168
}
165169
defaultVisible={false}
170+
id=""
166171
onTooltipHover={[Function]}
167172
placeArrow={[Function]}
168173
position="top"
@@ -191,6 +196,7 @@ exports[`renders achievements correctly 1`] = `
191196
/>
192197
}
193198
defaultVisible={false}
199+
id=""
194200
onTooltipHover={[Function]}
195201
placeArrow={[Function]}
196202
position="top"
@@ -215,6 +221,7 @@ exports[`renders achievements correctly 1`] = `
215221
/>
216222
}
217223
defaultVisible={false}
224+
id=""
218225
onTooltipHover={[Function]}
219226
placeArrow={[Function]}
220227
position="top"
@@ -239,6 +246,7 @@ exports[`renders achievements correctly 1`] = `
239246
/>
240247
}
241248
defaultVisible={false}
249+
id=""
242250
onTooltipHover={[Function]}
243251
placeArrow={[Function]}
244252
position="top"
@@ -263,6 +271,7 @@ exports[`renders achievements correctly 1`] = `
263271
/>
264272
}
265273
defaultVisible={false}
274+
id=""
266275
onTooltipHover={[Function]}
267276
placeArrow={[Function]}
268277
position="top"
@@ -287,6 +296,7 @@ exports[`renders achievements correctly 1`] = `
287296
/>
288297
}
289298
defaultVisible={false}
299+
id=""
290300
onTooltipHover={[Function]}
291301
placeArrow={[Function]}
292302
position="top"

‎__tests__/shared/components/ProfilePage/Header/__snapshots__/index.jsx.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ exports[`renders profile about header correctly 1`] = `
2121
className="src-shared-components-ProfilePage-Header-___styles__handle___-v11j"
2222
style={
2323
Object {
24-
"color": "#555555",
24+
"color": "#151516",
2525
}
2626
}
2727
>

‎__tests__/shared/components/TopcoderHeader/__snapshots__/Auth.jsx.snap

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,15 @@ exports[`Snapshot match 1`] = `
77
<a
88
className="tc-btn-sm tc-btn-primary"
99
href="http://accounts.topcoder-dev.com/member/registration?utm_source=community-app-main"
10+
role="button"
1011
>
1112
Join
1213
</a>
1314
<a
1415
className="tc-btn-sm tc-btn-default"
1516
href="http://accounts.topcoder-dev.com/member?utm_source=community-app-main"
1617
onClick={[Function]}
18+
role="button"
1719
>
1820
Log In
1921
</a>
@@ -27,13 +29,15 @@ exports[`Snapshot match 2`] = `
2729
<a
2830
className="tc-btn-sm tc-btn-primary"
2931
href="http://accounts.topcoder-dev.com/member/registration?utm_source=community-app-main"
32+
role="button"
3033
>
3134
Join
3235
</a>
3336
<a
3437
className="tc-btn-sm tc-btn-default"
3538
href="http://accounts.topcoder-dev.com/member?utm_source=community-app-main"
3639
onClick={[Function]}
40+
role="button"
3741
>
3842
Log In
3943
</a>

‎__tests__/shared/components/TopcoderHeader/__snapshots__/index.jsx.snap

Lines changed: 58 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,13 @@ exports[`Default render 1`] = `
1010
className="src-shared-components-TopcoderHeader-___style__main-desktop-header___oqm_l"
1111
>
1212
<a
13-
aria-label="Topcoder Homepage"
13+
aria-label="Topcoder Logo link to Topcoder Homepage"
1414
className="src-shared-components-TopcoderHeader-___style__logo___2WLJ0"
1515
href="https://www.topcoder-dev.com"
1616
>
1717
<LogoTopcoderWithName
1818
height={53}
19+
title="Topcoder Logo link to Topcoder Homepage"
1920
viewBox="0 0 135 21"
2021
width={135}
2122
xmlns="http://www.w3.org/2000/svg"
@@ -78,8 +79,11 @@ exports[`Default render 1`] = `
7879
/>
7980
</span>
8081
<div
82+
aria-label="Search"
8183
className="src-shared-components-TopcoderHeader-___style__search-icon___3w5nA"
8284
data-menu="search"
85+
onBlur={[Function]}
86+
onFocus={[Function]}
8387
onMouseEnter={[Function]}
8488
onMouseLeave={[Function]}
8589
onTouchStart={[Function]}
@@ -102,11 +106,19 @@ exports[`Default render 1`] = `
102106
trigger={null}
103107
/>
104108
<div
105-
className="src-shared-components-TopcoderHeader-___style__search-field___2VMzu"
109+
className="closed src-shared-components-TopcoderHeader-___style__search-field___2VMzu"
106110
onMouseLeave={[Function]}
107111
role="search"
108112
>
113+
<span
114+
className="src-shared-components-TopcoderHeader-___style__search-label___2zeW2"
115+
>
116+
Search Members:
117+
</span>
109118
<input
119+
aria-label="Find members by username or skill"
120+
className="src-shared-components-TopcoderHeader-___style__search-input___3GySi"
121+
onBlur={[Function]}
110122
onKeyPress={[Function]}
111123
placeholder="Find members by username or skill"
112124
/>
@@ -291,12 +303,13 @@ exports[`Render with open menu 1`] = `
291303
className="src-shared-components-TopcoderHeader-___style__main-desktop-header___oqm_l"
292304
>
293305
<a
294-
aria-label="Topcoder Homepage"
306+
aria-label="Topcoder Logo link to Topcoder Homepage"
295307
className="src-shared-components-TopcoderHeader-___style__logo___2WLJ0"
296308
href="https://www.topcoder-dev.com"
297309
>
298310
<LogoTopcoderWithName
299311
height={53}
312+
title="Topcoder Logo link to Topcoder Homepage"
300313
viewBox="0 0 135 21"
301314
width={135}
302315
xmlns="http://www.w3.org/2000/svg"
@@ -359,8 +372,11 @@ exports[`Render with open menu 1`] = `
359372
/>
360373
</span>
361374
<div
375+
aria-label="Search"
362376
className="src-shared-components-TopcoderHeader-___style__search-icon___3w5nA"
363377
data-menu="search"
378+
onBlur={[Function]}
379+
onFocus={[Function]}
364380
onMouseEnter={[Function]}
365381
onMouseLeave={[Function]}
366382
onTouchStart={[Function]}
@@ -394,11 +410,19 @@ exports[`Render with open menu 1`] = `
394410
trigger={null}
395411
/>
396412
<div
397-
className="src-shared-components-TopcoderHeader-___style__search-field___2VMzu"
413+
className="closed src-shared-components-TopcoderHeader-___style__search-field___2VMzu"
398414
onMouseLeave={[Function]}
399415
role="search"
400416
>
417+
<span
418+
className="src-shared-components-TopcoderHeader-___style__search-label___2zeW2"
419+
>
420+
Search Members:
421+
</span>
401422
<input
423+
aria-label="Find members by username or skill"
424+
className="src-shared-components-TopcoderHeader-___style__search-input___3GySi"
425+
onBlur={[Function]}
402426
onKeyPress={[Function]}
403427
placeholder="Find members by username or skill"
404428
/>
@@ -583,12 +607,13 @@ exports[`Render with specified profile 1`] = `
583607
className="src-shared-components-TopcoderHeader-___style__main-desktop-header___oqm_l"
584608
>
585609
<a
586-
aria-label="Topcoder Homepage"
610+
aria-label="Topcoder Logo link to Topcoder Homepage"
587611
className="src-shared-components-TopcoderHeader-___style__logo___2WLJ0"
588612
href="https://www.topcoder-dev.com"
589613
>
590614
<LogoTopcoderWithName
591615
height={53}
616+
title="Topcoder Logo link to Topcoder Homepage"
592617
viewBox="0 0 135 21"
593618
width={135}
594619
xmlns="http://www.w3.org/2000/svg"
@@ -652,26 +677,36 @@ exports[`Render with specified profile 1`] = `
652677
>
653678
<div
654679
className="src-shared-components-TopcoderHeader-___style__user-menu-handle___r6kbg"
680+
role="button"
655681
style={
656682
Object {
657-
"color": "#555555",
683+
"color": "#151516",
658684
}
659685
}
686+
tabIndex={0}
660687
/>
661-
<div
662-
className="src-shared-components-TopcoderHeader-___style__avatar___3BqbY"
688+
<span
689+
role="link"
690+
tabIndex={0}
663691
>
664-
<ThemedAvatar
665-
composeAdhocTheme="deeply"
666-
composeContextTheme="softly"
667-
mapThemrProps={[Function]}
668-
themePriority="adhoc-context-default"
669-
/>
670-
</div>
692+
<div
693+
className="src-shared-components-TopcoderHeader-___style__avatar___3BqbY"
694+
>
695+
<ThemedAvatar
696+
composeAdhocTheme="deeply"
697+
composeContextTheme="softly"
698+
mapThemrProps={[Function]}
699+
themePriority="adhoc-context-default"
700+
/>
701+
</div>
702+
</span>
671703
</div>
672704
<div
705+
aria-label="Search"
673706
className="opened src-shared-components-TopcoderHeader-___style__search-icon___3w5nA"
674707
data-menu="search"
708+
onBlur={[Function]}
709+
onFocus={[Function]}
675710
onMouseEnter={[Function]}
676711
onMouseLeave={[Function]}
677712
onTouchStart={[Function]}
@@ -698,7 +733,15 @@ exports[`Render with specified profile 1`] = `
698733
onMouseLeave={[Function]}
699734
role="search"
700735
>
736+
<span
737+
className="src-shared-components-TopcoderHeader-___style__search-label___2zeW2"
738+
>
739+
Search Members:
740+
</span>
701741
<input
742+
aria-label="Find members by username or skill"
743+
className="src-shared-components-TopcoderHeader-___style__search-input___3GySi"
744+
onBlur={[Function]}
702745
onKeyPress={[Function]}
703746
placeholder="Find members by username or skill"
704747
/>

‎__tests__/shared/components/TopcoderHeader/mobile/__snapshots__/UserMenu.jsx.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ exports[`Snapshot match 1`] = `
1818
className="src-shared-components-TopcoderHeader-mobile-UserMenu-___style__handle___CL0Tq"
1919
style={
2020
Object {
21-
"color": "#555555",
21+
"color": "#151516",
2222
}
2323
}
2424
>

‎__tests__/shared/components/__snapshots__/Handle.jsx.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ exports[`Matches shallow shapshot 1`] = `
66
href=""
77
style={
88
Object {
9-
"color": "#555555",
9+
"color": "#151516",
1010
"fontSize": "24px",
1111
}
1212
}

‎__tests__/shared/components/__snapshots__/TopcoderFooter.jsx.snap

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ exports[`Matches shallow shapshot 1`] = `
6868
xmlns="http://www.w3.org/2000/svg"
6969
>
7070
<title>
71-
icon facebook
71+
facebook
7272
</title>
7373
<path
7474
d="M24 .5H3c-1.65 0-3 1.35-3 3v21c0 1.651 1.35 3 3 3h10.5V17h-3v-3.713h3v-3.074c0-3.247 1.818-5.527 5.649-5.527l2.705.003v3.908h-1.796C18.567 8.597 18 9.716 18 10.754v2.535h3.852L21 17h-3v10.5h6c1.65 0 3-1.349 3-3v-21c0-1.65-1.35-3-3-3z"
@@ -89,7 +89,7 @@ exports[`Matches shallow shapshot 1`] = `
8989
xmlns="http://www.w3.org/2000/svg"
9090
>
9191
<title>
92-
icon twitter
92+
twitter
9393
</title>
9494
<path
9595
d="M24.774 6.083c.012.243.016.489.016.732 0 7.485-5.695 16.113-16.11 16.113-3.199 0-6.174-.938-8.68-2.546.444.053.894.08 1.35.08 2.655 0 5.096-.906 7.032-2.422a5.668 5.668 0 0 1-5.289-3.932 5.787 5.787 0 0 0 2.557-.097A5.668 5.668 0 0 1 1.11 8.456v-.07c.763.424 1.637.679 2.564.709a5.662 5.662 0 0 1-1.751-7.561A16.073 16.073 0 0 0 13.593 7.45a5.72 5.72 0 0 1-.146-1.291A5.66 5.66 0 0 1 19.11.5c1.628 0 3.1.686 4.133 1.786 1.289-.255 2.501-.725 3.596-1.374a5.683 5.683 0 0 1-2.49 3.132 11.326 11.326 0 0 0 3.252-.89 11.435 11.435 0 0 1-2.826 2.929z"
@@ -110,7 +110,7 @@ exports[`Matches shallow shapshot 1`] = `
110110
xmlns="http://www.w3.org/2000/svg"
111111
>
112112
<title>
113-
icon linkedln
113+
linkedln
114114
</title>
115115
<path
116116
d="M6 3.5c0 1.65-1.05 3-3 3-1.8 0-3-1.35-3-2.85C0 2 1.2.5 3 .5s3 1.35 3 3zm-6 24h6V8H0v19.5zM20.4 8.3c-3.15 0-4.95 1.8-5.7 3h-.15l-.3-2.55h-5.4c0 1.65.15 3.6.15 5.85v12.9h6V16.85c0-.6 0-1.05.15-1.5.45-1.05 1.2-2.4 2.85-2.4 2.1 0 3 1.8 3 4.2V27.5h6V16.4c0-5.55-2.85-8.1-6.6-8.1z"
@@ -131,7 +131,7 @@ exports[`Matches shallow shapshot 1`] = `
131131
xmlns="http://www.w3.org/2000/svg"
132132
>
133133
<title>
134-
icon instagram
134+
instagram
135135
</title>
136136
<g
137137
fill="#A3A3AD"

‎__tests__/shared/components/challenge-listing/Filters/__snapshots__/DateRangePicker.jsx.snap

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ exports[`Matches shallow shapshot 1`] = `
1818
endDatePlaceholderText="End Date"
1919
firstDayOfWeek={null}
2020
focusedInput={null}
21-
hideKeyboardShortcutsPanel={true}
21+
hideKeyboardShortcutsPanel={false}
2222
horizontalMargin={0}
2323
initialVisibleMonth={null}
2424
inputIconPosition="before"
@@ -46,6 +46,7 @@ exports[`Matches shallow shapshot 1`] = `
4646
"calendarLabel": "Calendar",
4747
"chooseAvailableEndDate": [Function],
4848
"chooseAvailableStartDate": [Function],
49+
"clearDate": "Clear Date",
4950
"clearDates": "Clear Dates",
5051
"closeDatePicker": "Close",
5152
"dateIsSelected": [Function],
@@ -57,8 +58,8 @@ exports[`Matches shallow shapshot 1`] = `
5758
"focusStartDate": "Interact with the calendar and add the check-in date for your trip.",
5859
"hideKeyboardShortcutsPanel": "Close the shortcuts panel.",
5960
"homeEnd": "Home and end keys",
60-
"jumpToNextMonth": "Move forward to switch to the next month.",
61-
"jumpToPrevMonth": "Move backward to switch to the previous month.",
61+
"jumpToNextMonth": "Next Month",
62+
"jumpToPrevMonth": "Previous Month",
6263
"keyboardNavigationInstructions": "Press the down arrow key to interact with the calendar and
6364
select a date. Press the question mark key to get the keyboard shortcuts for changing dates.",
6465
"keyboardShortcuts": "Keyboard Shortcuts",

0 commit comments

Comments
 (0)