source: frontend/node_modules/eslint-plugin-jsx-a11y/__tests__/src/rules/no-noninteractive-element-interactions-test.js

Last change on this file was 9af201e, checked in by MBK <marija.karapandzova@…>, 2 weeks ago

Fix frontend appearance
  • Property mode set to 100644
File size: 27.2 KB
Line 
1/**
2 * @fileoverview Enforce non-interactive elements have no interactive handlers.
3 * @author Ethan Cohen
4 */
5
6// -----------------------------------------------------------------------------
7// Requirements
8// -----------------------------------------------------------------------------
9
10import { RuleTester } from 'eslint';
11import { configs } from '../../../src/index';
12import parserOptionsMapper from '../../__util__/parserOptionsMapper';
13import parsers from '../../__util__/helpers/parsers';
14import rule from '../../../src/rules/no-noninteractive-element-interactions';
15import ruleOptionsMapperFactory from '../../__util__/ruleOptionsMapperFactory';
16
17// -----------------------------------------------------------------------------
18// Tests
19// -----------------------------------------------------------------------------
20
21const ruleTester = new RuleTester();
22
23const errorMessage = 'Non-interactive elements should not be assigned mouse or keyboard event listeners.';
24
25const expectedError = {
26 message: errorMessage,
27 type: 'JSXOpeningElement',
28};
29
30const ruleName = 'no-noninteractive-element-interactions';
31
32const alwaysValid = [
33 { code: '<TestComponent onClick={doFoo} />' },
34 { code: '<Button onClick={doFoo} />' },
35 { code: '<Image onClick={() => void 0} />;' },
36 {
37 code: '<Button onClick={() => void 0} />;',
38 settings: { 'jsx-a11y': { components: { Button: 'button' } } },
39 },
40 /* All flavors of input */
41 { code: '<input onClick={() => void 0} />' },
42 { code: '<input type="button" onClick={() => void 0} />' },
43 { code: '<input type="checkbox" onClick={() => void 0} />' },
44 { code: '<input type="color" onClick={() => void 0} />' },
45 { code: '<input type="date" onClick={() => void 0} />' },
46 { code: '<input type="datetime" onClick={() => void 0} />' },
47 { code: '<input type="datetime-local" onClick={() => void 0} />' },
48 { code: '<input type="email" onClick={() => void 0} />' },
49 { code: '<input type="file" onClick={() => void 0} />' },
50 { code: '<input type="image" onClick={() => void 0} />' },
51 { code: '<input type="month" onClick={() => void 0} />' },
52 { code: '<input type="number" onClick={() => void 0} />' },
53 { code: '<input type="password" onClick={() => void 0} />' },
54 { code: '<input type="radio" onClick={() => void 0} />' },
55 { code: '<input type="range" onClick={() => void 0} />' },
56 { code: '<input type="reset" onClick={() => void 0} />' },
57 { code: '<input type="search" onClick={() => void 0} />' },
58 { code: '<input type="submit" onClick={() => void 0} />' },
59 { code: '<input type="tel" onClick={() => void 0} />' },
60 { code: '<input type="text" onClick={() => void 0} />' },
61 { code: '<input type="time" onClick={() => void 0} />' },
62 { code: '<input type="url" onClick={() => void 0} />' },
63 { code: '<input type="week" onClick={() => void 0} />' },
64 { code: '<input type="hidden" onClick={() => void 0} />' },
65 /* End all flavors of input */
66 { code: '<a onClick={() => void 0} />' },
67 { code: '<a onClick={() => {}} />;' },
68 { code: '<a tabIndex="0" onClick={() => void 0} />' },
69 { code: '<a onClick={() => void 0} href="http://x.y.z" />' },
70 { code: '<a onClick={() => void 0} href="http://x.y.z" tabIndex="0" />' },
71 { code: '<area onClick={() => {}} />;' },
72 { code: '<body onClick={() => {}} />;' },
73 { code: '<button onClick={() => void 0} className="foo" />' },
74 { code: '<menuitem onClick={() => {}} />;' },
75 { code: '<option onClick={() => void 0} className="foo" />' },
76 { code: '<select onClick={() => void 0} className="foo" />' },
77 { code: '<textarea onClick={() => void 0} className="foo" />' },
78 { code: '<tr onClick={() => {}} />;' },
79 /* HTML elements with neither an interactive or non-interactive valence (static) */
80 { code: '<acronym onClick={() => {}} />;' },
81 { code: '<applet onClick={() => {}} />;' },
82 { code: '<audio onClick={() => {}} />;' },
83 { code: '<b onClick={() => {}} />;' },
84 { code: '<base onClick={() => {}} />;' },
85 { code: '<bdi onClick={() => {}} />;' },
86 { code: '<bdo onClick={() => {}} />;' },
87 { code: '<big onClick={() => {}} />;' },
88 { code: '<blink onClick={() => {}} />;' },
89 { code: '<body onLoad={() => {}} />;' },
90 { code: '<canvas onClick={() => {}} />;' },
91 { code: '<center onClick={() => {}} />;' },
92 { code: '<cite onClick={() => {}} />;' },
93 { code: '<col onClick={() => {}} />;' },
94 { code: '<colgroup onClick={() => {}} />;' },
95 { code: '<content onClick={() => {}} />;' },
96 { code: '<data onClick={() => {}} />;' },
97 { code: '<datalist onClick={() => {}} />;' },
98 { code: '<div />;' },
99 { code: '<div className="foo" />;' },
100 { code: '<div className="foo" {...props} />;' },
101 { code: '<div onClick={() => void 0} aria-hidden />;' },
102 { code: '<div onClick={() => void 0} aria-hidden={true} />;' },
103 { code: '<div onClick={() => void 0} />;' },
104 { code: '<div onClick={() => void 0} role={undefined} />;' },
105 { code: '<div onClick={() => void 0} {...props} />;' },
106 { code: '<div onClick={null} />;' },
107 { code: '<div onKeyUp={() => void 0} aria-hidden={false} />;' },
108 { code: '<embed onClick={() => {}} />;' },
109 { code: '<font onClick={() => {}} />;' },
110 { code: '<font onSubmit={() => {}} />;' },
111 { code: '<form onSubmit={() => {}} />;' },
112 {
113 code: `
114 <form onSubmit={this.handleSubmit.bind(this)} method="POST">
115 <button type="submit">
116 Save
117 </button>
118 </form>
119 `,
120 },
121 { code: '<frame onClick={() => {}} />;' },
122 { code: '<frameset onClick={() => {}} />;' },
123 { code: '<head onClick={() => {}} />;' },
124 { code: '<header onClick={() => {}} />;' },
125 { code: '<hgroup onClick={() => {}} />;' },
126 { code: '<i onClick={() => {}} />;' },
127 { code: '<iframe onLoad={() => {}} />;' },
128 {
129 code: `
130 <iframe
131 name="embeddedExternalPayment"
132 ref="embeddedExternalPayment"
133 style={iframeStyle}
134 onLoad={this.handleLoadIframe}
135 />
136 `,
137 },
138 { code: '<img {...props} onError={() => {}} />;' },
139 { code: '<img onLoad={() => {}} />;' },
140 { code: '<img src={currentPhoto.imageUrl} onLoad={this.handleImageLoad} alt="for review" />' },
141 {
142 code: `
143 <img
144 ref={this.ref}
145 className="c-responsive-image-placeholder__image"
146 src={src}
147 alt={alt}
148 data-test-id="test-id"
149 onLoad={this.fetchCompleteImage}
150 />
151 `,
152 },
153 { code: '<kbd onClick={() => {}} />;' },
154 { code: '<keygen onClick={() => {}} />;' },
155 { code: '<link onClick={() => {}} />;' },
156 { code: '<main onClick={null} />;' },
157 { code: '<map onClick={() => {}} />;' },
158 { code: '<meta onClick={() => {}} />;' },
159 { code: '<noembed onClick={() => {}} />;' },
160 { code: '<noscript onClick={() => {}} />;' },
161 { code: '<object onClick={() => {}} />;' },
162 { code: '<param onClick={() => {}} />;' },
163 { code: '<picture onClick={() => {}} />;' },
164 { code: '<q onClick={() => {}} />;' },
165 { code: '<rp onClick={() => {}} />;' },
166 { code: '<rt onClick={() => {}} />;' },
167 { code: '<rtc onClick={() => {}} />;' },
168 { code: '<s onClick={() => {}} />;' },
169 { code: '<samp onClick={() => {}} />;' },
170 { code: '<script onClick={() => {}} />;' },
171 { code: '<section onClick={() => {}} />;' },
172 { code: '<small onClick={() => {}} />;' },
173 { code: '<source onClick={() => {}} />;' },
174 { code: '<spacer onClick={() => {}} />;' },
175 { code: '<span onClick={() => {}} />;' },
176 { code: '<strike onClick={() => {}} />;' },
177 { code: '<style onClick={() => {}} />;' },
178 { code: '<summary onClick={() => {}} />;' },
179 { code: '<th onClick={() => {}} />;' },
180 { code: '<title onClick={() => {}} />;' },
181 { code: '<track onClick={() => {}} />;' },
182 { code: '<td onClick={() => {}} />;' },
183 { code: '<tt onClick={() => {}} />;' },
184 { code: '<u onClick={() => {}} />;' },
185 { code: '<var onClick={() => {}} />;' },
186 { code: '<video onClick={() => {}} />;' },
187 { code: '<wbr onClick={() => {}} />;' },
188 { code: '<xmp onClick={() => {}} />;' },
189 /* HTML elements attributed with an interactive role */
190 { code: '<div role="button" onClick={() => {}} />;' },
191 { code: '<div role="checkbox" onClick={() => {}} />;' },
192 { code: '<div role="columnheader" onClick={() => {}} />;' },
193 { code: '<div role="combobox" onClick={() => {}} />;' },
194 { code: '<div role="grid" onClick={() => {}} />;' },
195 { code: '<div role="gridcell" onClick={() => {}} />;' },
196 { code: '<div role="link" onClick={() => {}} />;' },
197 { code: '<div role="listbox" onClick={() => {}} />;' },
198 { code: '<div role="menu" onClick={() => {}} />;' },
199 { code: '<div role="menubar" onClick={() => {}} />;' },
200 { code: '<div role="menuitem" onClick={() => {}} />;' },
201 { code: '<div role="menuitemcheckbox" onClick={() => {}} />;' },
202 { code: '<div role="menuitemradio" onClick={() => {}} />;' },
203 { code: '<div role="option" onClick={() => {}} />;' },
204 { code: '<div role="progressbar" onClick={() => {}} />;' },
205 { code: '<div role="radio" onClick={() => {}} />;' },
206 { code: '<div role="radiogroup" onClick={() => {}} />;' },
207 { code: '<div role="row" onClick={() => {}} />;' },
208 { code: '<div role="rowheader" onClick={() => {}} />;' },
209 { code: '<div role="scrollbar" onClick={() => {}} />;' },
210 { code: '<div role="searchbox" onClick={() => {}} />;' },
211 { code: '<div role="slider" onClick={() => {}} />;' },
212 { code: '<div role="spinbutton" onClick={() => {}} />;' },
213 { code: '<div role="switch" onClick={() => {}} />;' },
214 { code: '<div role="tab" onClick={() => {}} />;' },
215 { code: '<div role="textbox" onClick={() => {}} />;' },
216 { code: '<div role="treeitem" onClick={() => {}} />;' },
217 /* Presentation is a special case role that indicates intentional static semantics */
218 { code: '<div role="presentation" onClick={() => {}} />;' },
219 /* HTML elements attributed with an abstract role */
220 { code: '<div role="command" onClick={() => {}} />;' },
221 { code: '<div role="composite" onClick={() => {}} />;' },
222 { code: '<div role="input" onClick={() => {}} />;' },
223 { code: '<div role="landmark" onClick={() => {}} />;' },
224 { code: '<div role="range" onClick={() => {}} />;' },
225 { code: '<div role="roletype" onClick={() => {}} />;' },
226 { code: '<div role="sectionhead" onClick={() => {}} />;' },
227 { code: '<div role="select" onClick={() => {}} />;' },
228 { code: '<div role="structure" onClick={() => {}} />;' },
229 { code: '<div role="tablist" onClick={() => {}} />;' },
230 { code: '<div role="toolbar" onClick={() => {}} />;' },
231 { code: '<div role="tree" onClick={() => {}} />;' },
232 { code: '<div role="treegrid" onClick={() => {}} />;' },
233 { code: '<div role="widget" onClick={() => {}} />;' },
234 { code: '<div role="window" onClick={() => {}} />;' },
235 // All the possible handlers
236 { code: '<div role="article" onCopy={() => {}} />;' },
237 { code: '<div role="article" onCut={() => {}} />;' },
238 { code: '<div role="article" onPaste={() => {}} />;' },
239 { code: '<div role="article" onCompositionEnd={() => {}} />;' },
240 { code: '<div role="article" onCompositionStart={() => {}} />;' },
241 { code: '<div role="article" onCompositionUpdate={() => {}} />;' },
242 { code: '<div role="article" onChange={() => {}} />;' },
243 { code: '<div role="article" onInput={() => {}} />;' },
244 { code: '<div role="article" onSubmit={() => {}} />;' },
245 { code: '<div role="article" onSelect={() => {}} />;' },
246 { code: '<div role="article" onTouchCancel={() => {}} />;' },
247 { code: '<div role="article" onTouchEnd={() => {}} />;' },
248 { code: '<div role="article" onTouchMove={() => {}} />;' },
249 { code: '<div role="article" onTouchStart={() => {}} />;' },
250 { code: '<div role="article" onScroll={() => {}} />;' },
251 { code: '<div role="article" onWheel={() => {}} />;' },
252 { code: '<div role="article" onAbort={() => {}} />;' },
253 { code: '<div role="article" onCanPlay={() => {}} />;' },
254 { code: '<div role="article" onCanPlayThrough={() => {}} />;' },
255 { code: '<div role="article" onDurationChange={() => {}} />;' },
256 { code: '<div role="article" onEmptied={() => {}} />;' },
257 { code: '<div role="article" onEncrypted={() => {}} />;' },
258 { code: '<div role="article" onEnded={() => {}} />;' },
259 { code: '<div role="article" onLoadedData={() => {}} />;' },
260 { code: '<div role="article" onLoadedMetadata={() => {}} />;' },
261 { code: '<div role="article" onLoadStart={() => {}} />;' },
262 { code: '<div role="article" onPause={() => {}} />;' },
263 { code: '<div role="article" onPlay={() => {}} />;' },
264 { code: '<div role="article" onPlaying={() => {}} />;' },
265 { code: '<div role="article" onProgress={() => {}} />;' },
266 { code: '<div role="article" onRateChange={() => {}} />;' },
267 { code: '<div role="article" onSeeked={() => {}} />;' },
268 { code: '<div role="article" onSeeking={() => {}} />;' },
269 { code: '<div role="article" onStalled={() => {}} />;' },
270 { code: '<div role="article" onSuspend={() => {}} />;' },
271 { code: '<div role="article" onTimeUpdate={() => {}} />;' },
272 { code: '<div role="article" onVolumeChange={() => {}} />;' },
273 { code: '<div role="article" onWaiting={() => {}} />;' },
274 { code: '<div role="article" onAnimationStart={() => {}} />;' },
275 { code: '<div role="article" onAnimationEnd={() => {}} />;' },
276 { code: '<div role="article" onAnimationIteration={() => {}} />;' },
277 { code: '<div role="article" onTransitionEnd={() => {}} />;' },
278];
279
280const neverValid = [
281 /* HTML elements with an inherent, non-interactive role */
282 { code: '<main onClick={() => void 0} />;', errors: [expectedError] },
283 { code: '<address onClick={() => {}} />;', errors: [expectedError] },
284 { code: '<article onClick={() => {}} />;', errors: [expectedError] },
285 { code: '<aside onClick={() => {}} />;', errors: [expectedError] },
286 { code: '<blockquote onClick={() => {}} />;', errors: [expectedError] },
287 { code: '<br onClick={() => {}} />;', errors: [expectedError] },
288 { code: '<caption onClick={() => {}} />;', errors: [expectedError] },
289 { code: '<code onClick={() => {}} />;', errors: [expectedError] },
290 { code: '<dd onClick={() => {}} />;', errors: [expectedError] },
291 { code: '<del onClick={() => {}} />;', errors: [expectedError] },
292 { code: '<details onClick={() => {}} />;', errors: [expectedError] },
293 { code: '<dfn onClick={() => {}} />;', errors: [expectedError] },
294 { code: '<dl onClick={() => {}} />;', errors: [expectedError] },
295 { code: '<dir onClick={() => {}} />;', errors: [expectedError] },
296 { code: '<dt onClick={() => {}} />;', errors: [expectedError] },
297 { code: '<em onClick={() => {}} />;', errors: [expectedError] },
298 { code: '<fieldset onClick={() => {}} />;', errors: [expectedError] },
299 { code: '<figcaption onClick={() => {}} />;', errors: [expectedError] },
300 { code: '<figure onClick={() => {}} />;', errors: [expectedError] },
301 { code: '<footer onClick={() => {}} />;', errors: [expectedError] },
302 { code: '<form onClick={() => {}} />;', errors: [expectedError] },
303 { code: '<h1 onClick={() => {}} />;', errors: [expectedError] },
304 { code: '<h2 onClick={() => {}} />;', errors: [expectedError] },
305 { code: '<h3 onClick={() => {}} />;', errors: [expectedError] },
306 { code: '<h4 onClick={() => {}} />;', errors: [expectedError] },
307 { code: '<h5 onClick={() => {}} />;', errors: [expectedError] },
308 { code: '<h6 onClick={() => {}} />;', errors: [expectedError] },
309 { code: '<hr onClick={() => {}} />;', errors: [expectedError] },
310 { code: '<html onClick={() => {}} />;', errors: [expectedError] },
311 { code: '<iframe onClick={() => {}} />;', errors: [expectedError] },
312 { code: '<img onClick={() => {}} />;', errors: [expectedError] },
313 { code: '<ins onClick={() => {}} />;', errors: [expectedError] },
314 { code: '<label onClick={() => {}} />;', errors: [expectedError] },
315 { code: '<legend onClick={() => {}} />;', errors: [expectedError] },
316 { code: '<li onClick={() => {}} />;', errors: [expectedError] },
317 { code: '<mark onClick={() => {}} />;', errors: [expectedError] },
318 { code: '<marquee onClick={() => {}} />;', errors: [expectedError] },
319 { code: '<menu onClick={() => {}} />;', errors: [expectedError] },
320 { code: '<meter onClick={() => {}} />;', errors: [expectedError] },
321 { code: '<nav onClick={() => {}} />;', errors: [expectedError] },
322 { code: '<ol onClick={() => {}} />;', errors: [expectedError] },
323 { code: '<optgroup onClick={() => {}} />;', errors: [expectedError] },
324 { code: '<output onClick={() => {}} />;', errors: [expectedError] },
325 { code: '<p onClick={() => {}} />;', errors: [expectedError] },
326 { code: '<pre onClick={() => {}} />;', errors: [expectedError] },
327 { code: '<progress onClick={() => {}} />;', errors: [expectedError] },
328 { code: '<ruby onClick={() => {}} />;', errors: [expectedError] },
329 { code: '<section onClick={() => {}} aria-label="Aardvark" />;', errors: [expectedError] },
330 { code: '<section onClick={() => {}} aria-labelledby="js_1" />;', errors: [expectedError] },
331 { code: '<strong onClick={() => {}} />;', errors: [expectedError] },
332 { code: '<sub onClick={() => {}} />;', errors: [expectedError] },
333 { code: '<sup onClick={() => {}} />;', errors: [expectedError] },
334 { code: '<table onClick={() => {}} />;', errors: [expectedError] },
335 { code: '<tbody onClick={() => {}} />;', errors: [expectedError] },
336 { code: '<tfoot onClick={() => {}} />;', errors: [expectedError] },
337 { code: '<thead onClick={() => {}} />;', errors: [expectedError] },
338 { code: '<time onClick={() => {}} />;', errors: [expectedError] },
339 { code: '<ul onClick={() => {}} />;', errors: [expectedError] },
340 { code: '<ul contentEditable="false" onClick={() => {}} />;', errors: [expectedError] },
341 { code: '<article contentEditable onClick={() => {}} />;', errors: [expectedError] },
342 { code: '<div contentEditable role="article" onKeyDown={() => {}} />;', errors: [expectedError] },
343 /* HTML elements attributed with a non-interactive role */
344 { code: '<div role="alert" onClick={() => {}} />;', errors: [expectedError] },
345 { code: '<div role="alertdialog" onClick={() => {}} />;', errors: [expectedError] },
346 { code: '<div role="application" onClick={() => {}} />;', errors: [expectedError] },
347 { code: '<div role="banner" onClick={() => {}} />;', errors: [expectedError] },
348 { code: '<div role="cell" onClick={() => {}} />;', errors: [expectedError] },
349 { code: '<div role="complementary" onClick={() => {}} />;', errors: [expectedError] },
350 { code: '<div role="contentinfo" onClick={() => {}} />;', errors: [expectedError] },
351 { code: '<div role="definition" onClick={() => {}} />;', errors: [expectedError] },
352 { code: '<div role="dialog" onClick={() => {}} />;', errors: [expectedError] },
353 { code: '<div role="directory" onClick={() => {}} />;', errors: [expectedError] },
354 { code: '<div role="document" onClick={() => {}} />;', errors: [expectedError] },
355 { code: '<div role="feed" onClick={() => {}} />;', errors: [expectedError] },
356 { code: '<div role="figure" onClick={() => {}} />;', errors: [expectedError] },
357 { code: '<div role="form" onClick={() => {}} />;', errors: [expectedError] },
358 { code: '<div role="group" onClick={() => {}} />;', errors: [expectedError] },
359 { code: '<div role="heading" onClick={() => {}} />;', errors: [expectedError] },
360 { code: '<div role="img" onClick={() => {}} />;', errors: [expectedError] },
361 { code: '<div role="list" onClick={() => {}} />;', errors: [expectedError] },
362 { code: '<div role="listitem" onClick={() => {}} />;', errors: [expectedError] },
363 { code: '<div role="log" onClick={() => {}} />;', errors: [expectedError] },
364 { code: '<div role="main" onClick={() => {}} />;', errors: [expectedError] },
365 { code: '<div role="marquee" onClick={() => {}} />;', errors: [expectedError] },
366 { code: '<div role="math" onClick={() => {}} />;', errors: [expectedError] },
367 { code: '<div role="navigation" onClick={() => {}} />;', errors: [expectedError] },
368 { code: '<div role="note" onClick={() => {}} />;', errors: [expectedError] },
369 { code: '<div role="region" onClick={() => {}} />;', errors: [expectedError] },
370 { code: '<div role="rowgroup" onClick={() => {}} />;', errors: [expectedError] },
371 { code: '<div role="search" onClick={() => {}} />;', errors: [expectedError] },
372 { code: '<div role="separator" onClick={() => {}} />;', errors: [expectedError] },
373 { code: '<div role="status" onClick={() => {}} />;', errors: [expectedError] },
374 { code: '<div role="table" onClick={() => {}} />;', errors: [expectedError] },
375 { code: '<div role="tabpanel" onClick={() => {}} />;', errors: [expectedError] },
376 { code: '<div role="term" onClick={() => {}} />;', errors: [expectedError] },
377 { code: '<div role="timer" onClick={() => {}} />;', errors: [expectedError] },
378 { code: '<div role="tooltip" onClick={() => {}} />;', errors: [expectedError] },
379 // Handlers
380 { code: '<div role="article" onKeyDown={() => {}} />;', errors: [expectedError] },
381 { code: '<div role="article" onKeyPress={() => {}} />;', errors: [expectedError] },
382 { code: '<div role="article" onKeyUp={() => {}} />;', errors: [expectedError] },
383 { code: '<div role="article" onClick={() => {}} />;', errors: [expectedError] },
384 { code: '<div role="article" onLoad={() => {}} />;', errors: [expectedError] },
385 { code: '<div role="article" onError={() => {}} />;', errors: [expectedError] },
386 { code: '<div role="article" onMouseDown={() => {}} />;', errors: [expectedError] },
387 { code: '<div role="article" onMouseUp={() => {}} />;', errors: [expectedError] },
388 // Custom component
389 {
390 code: '<Image onClick={() => void 0} />;',
391 errors: [expectedError],
392 settings: { 'jsx-a11y': { components: { Image: 'img' } } },
393 },
394];
395
396const recommendedOptions = configs.recommended.rules[`jsx-a11y/${ruleName}`][1] || {};
397ruleTester.run(`${ruleName}:recommended`, rule, {
398 valid: parsers.all([].concat(
399 ...alwaysValid,
400 // All the possible handlers
401 { code: '<div role="article" onCopy={() => {}} />;' },
402 { code: '<div role="article" onCut={() => {}} />;' },
403 { code: '<div role="article" onPaste={() => {}} />;' },
404 { code: '<div role="article" onCompositionEnd={() => {}} />;' },
405 { code: '<div role="article" onCompositionStart={() => {}} />;' },
406 { code: '<div role="article" onCompositionUpdate={() => {}} />;' },
407 { code: '<div role="article" onFocus={() => {}} />;' },
408 { code: '<div role="article" onBlur={() => {}} />;' },
409 { code: '<div role="article" onChange={() => {}} />;' },
410 { code: '<div role="article" onInput={() => {}} />;' },
411 { code: '<div role="article" onSubmit={() => {}} />;' },
412 { code: '<div role="article" onContextMenu={() => {}} />;' },
413 { code: '<div role="article" onDblClick={() => {}} />;' },
414 { code: '<div role="article" onDoubleClick={() => {}} />;' },
415 { code: '<div role="article" onDrag={() => {}} />;' },
416 { code: '<div role="article" onDragEnd={() => {}} />;' },
417 { code: '<div role="article" onDragEnter={() => {}} />;' },
418 { code: '<div role="article" onDragExit={() => {}} />;' },
419 { code: '<div role="article" onDragLeave={() => {}} />;' },
420 { code: '<div role="article" onDragOver={() => {}} />;' },
421 { code: '<div role="article" onDragStart={() => {}} />;' },
422 { code: '<div role="article" onDrop={() => {}} />;' },
423 { code: '<div role="article" onMouseEnter={() => {}} />;' },
424 { code: '<div role="article" onMouseLeave={() => {}} />;' },
425 { code: '<div role="article" onMouseMove={() => {}} />;' },
426 { code: '<div role="article" onMouseOut={() => {}} />;' },
427 { code: '<div role="article" onMouseOver={() => {}} />;' },
428 { code: '<div role="article" onSelect={() => {}} />;' },
429 { code: '<div role="article" onTouchCancel={() => {}} />;' },
430 { code: '<div role="article" onTouchEnd={() => {}} />;' },
431 { code: '<div role="article" onTouchMove={() => {}} />;' },
432 { code: '<div role="article" onTouchStart={() => {}} />;' },
433 { code: '<div role="article" onScroll={() => {}} />;' },
434 { code: '<div role="article" onWheel={() => {}} />;' },
435 { code: '<div role="article" onAbort={() => {}} />;' },
436 { code: '<div role="article" onCanPlay={() => {}} />;' },
437 { code: '<div role="article" onCanPlayThrough={() => {}} />;' },
438 { code: '<div role="article" onDurationChange={() => {}} />;' },
439 { code: '<div role="article" onEmptied={() => {}} />;' },
440 { code: '<div role="article" onEncrypted={() => {}} />;' },
441 { code: '<div role="article" onEnded={() => {}} />;' },
442 { code: '<div role="article" onLoadedData={() => {}} />;' },
443 { code: '<div role="article" onLoadedMetadata={() => {}} />;' },
444 { code: '<div role="article" onLoadStart={() => {}} />;' },
445 { code: '<div role="article" onPause={() => {}} />;' },
446 { code: '<div role="article" onPlay={() => {}} />;' },
447 { code: '<div role="article" onPlaying={() => {}} />;' },
448 { code: '<div role="article" onProgress={() => {}} />;' },
449 { code: '<div role="article" onRateChange={() => {}} />;' },
450 { code: '<div role="article" onSeeked={() => {}} />;' },
451 { code: '<div role="article" onSeeking={() => {}} />;' },
452 { code: '<div role="article" onStalled={() => {}} />;' },
453 { code: '<div role="article" onSuspend={() => {}} />;' },
454 { code: '<div role="article" onTimeUpdate={() => {}} />;' },
455 { code: '<div role="article" onVolumeChange={() => {}} />;' },
456 { code: '<div role="article" onWaiting={() => {}} />;' },
457 { code: '<div role="article" onAnimationStart={() => {}} />;' },
458 { code: '<div role="article" onAnimationEnd={() => {}} />;' },
459 { code: '<div role="article" onAnimationIteration={() => {}} />;' },
460 { code: '<div role="article" onTransitionEnd={() => {}} />;' },
461 ))
462 .map(ruleOptionsMapperFactory(recommendedOptions))
463 .map(parserOptionsMapper),
464 invalid: parsers.all([].concat(
465 ...neverValid,
466 ))
467 .map(ruleOptionsMapperFactory(recommendedOptions))
468 .map(parserOptionsMapper),
469});
470
471const strictOptions = configs.strict.rules[`jsx-a11y/${ruleName}`][1] || {};
472ruleTester.run(`${ruleName}:strict`, rule, {
473 valid: parsers.all([].concat(
474 ...alwaysValid,
475 ))
476 .map(ruleOptionsMapperFactory(strictOptions))
477 .map(parserOptionsMapper),
478 invalid: parsers.all([].concat(
479 ...neverValid,
480 // All the possible handlers
481 { code: '<div role="article" onFocus={() => {}} />;', errors: [expectedError] },
482 { code: '<div role="article" onBlur={() => {}} />;', errors: [expectedError] },
483 { code: '<div role="article" onContextMenu={() => {}} />;', errors: [expectedError] },
484 { code: '<div role="article" onDblClick={() => {}} />;', errors: [expectedError] },
485 { code: '<div role="article" onDoubleClick={() => {}} />;', errors: [expectedError] },
486 { code: '<div role="article" onDrag={() => {}} />;', errors: [expectedError] },
487 { code: '<div role="article" onDragEnd={() => {}} />;', errors: [expectedError] },
488 { code: '<div role="article" onDragEnter={() => {}} />;', errors: [expectedError] },
489 { code: '<div role="article" onDragExit={() => {}} />;', errors: [expectedError] },
490 { code: '<div role="article" onDragLeave={() => {}} />;', errors: [expectedError] },
491 { code: '<div role="article" onDragOver={() => {}} />;', errors: [expectedError] },
492 { code: '<div role="article" onDragStart={() => {}} />;', errors: [expectedError] },
493 { code: '<div role="article" onDrop={() => {}} />;', errors: [expectedError] },
494 { code: '<div role="article" onMouseEnter={() => {}} />;', errors: [expectedError] },
495 { code: '<div role="article" onMouseLeave={() => {}} />;', errors: [expectedError] },
496 { code: '<div role="article" onMouseMove={() => {}} />;', errors: [expectedError] },
497 { code: '<div role="article" onMouseOut={() => {}} />;', errors: [expectedError] },
498 { code: '<div role="article" onMouseOver={() => {}} />;', errors: [expectedError] },
499 ))
500 .map(ruleOptionsMapperFactory(strictOptions))
501 .map(parserOptionsMapper),
502});
Note: See TracBrowser for help on using the repository browser.