Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use onClick method in storybook-root

Best JavaScript code snippet using storybook-root

modal.js

Source:modal.js

1/*------------------------------Modal 1969------------------------*/2var modal1969amd = document.getElementById("modal_1969_amd");3var btn1969amd = document.getElementById("btn_modal_amd_1969");4var span1969amd = document.getElementsByClassName("closeamd1969")[0];5btn1969amd.onclick = function() {6  modal1969amd.style.display = "block";7}8span1969amd.onclick = function() {9  modal1969amd.style.display = "none";10}11/*window.onclick = function(event) {12  if (event.target == modal1969amd) {13    modal1969amd.style.display = "none";14  }15}*/16171819//var test = document.getElementById('')2021/*------------------------------Modal 1970 pdp------------------------*/22var modal1970pdp = document.getElementById("modal_1970_pdp");23var btn1970pdp = document.getElementById("btn_modal_pdp_1970");24var span1970pdp = document.getElementsByClassName("closepdp1970")[0];25btn1970pdp.onclick = function() {26  modal1970pdp.style.display = "block";27}28span1970pdp.onclick = function() {29  modal1970pdp.style.display = "none";30}31/*window.onclick = function(event) {32  if (event.target == modal1970pdp) {33    modal1970pdp.style.display = "none";34  }35}*/3637/*------------------------------Modal 1970 souris------------------------*/38var modal1970souris = document.getElementById("modal_1970_souris");39var btn1970souris = document.getElementById("btn_modal_souris_1970");40var span1970souris = document.getElementsByClassName("closesouris1970")[0];41btn1970souris.onclick = function() {42  modal1970souris.style.display = "block";43}44span1970souris.onclick = function() {45  modal1970souris.style.display = "none";46}47window.onclick = function(event) {48  if (event.target == modal1970souris) {49    modal1970souris.style.display = "none";50  }51}5253/*------------------------------Modal 1971------------------------*/54var modal19714004 = document.getElementById("modal_1971_4004");55var btn19714004 = document.getElementById("btn_modal_4004_1971");56var span19714004 = document.getElementsByClassName("close40041971")[0];57btn19714004.onclick = function() {58  modal19714004.style.display = "block";59}60span19714004.onclick = function() {61  modal19714004.style.display = "none";62}63window.onclick = function(event) {64  if (event.target == modal19714004) {65    modal19714004.style.display = "none";66  }67}6869/*------------------------------Modal 1972------------------------*/70var modal1972mess = document.getElementById("modal_1972_mess");71var btn1972mess = document.getElementById("btn_modal_mess_1972");72var span1972mess = document.getElementsByClassName("closemess1972")[0];73btn1972mess.onclick = function() {74  modal1972mess.style.display = "block";75}76span1972mess.onclick = function() {77  modal1972mess.style.display = "none";78}79window.onclick = function(event) {80  if (event.target == modal1972mess) {81    modal1972mess.style.display = "none";82  }83}8485/*------------------------------Modal 1973------------------------*/86var modal1973micro = document.getElementById("modal_1973_micro");87var btn1973micro = document.getElementById("btn_modal_micro_1973");88var span1973micro = document.getElementsByClassName("closemicro1973")[0];89btn1973micro.onclick = function() {90  modal1973micro.style.display = "block";91}92span1973micro.onclick = function() {93  modal1973micro.style.display = "none";94}95window.onclick = function(event) {96  if (event.target == modal1973micro) {97    modal1973micro.style.display = "none";98  }99}100101/*------------------------------Modal 1974 cnil------------------------*/102var modal1974cnil = document.getElementById("modal_1974_cnil");103var btn1974cnil = document.getElementById("btn_modal_cnil_1974");104var span1974cnil = document.getElementsByClassName("closecnil1974")[0];105btn1974cnil.onclick = function() {106  modal1974cnil.style.display = "block";107}108span1974cnil.onclick = function() {109  modal1974cnil.style.display = "none";110}111window.onclick = function(event) {112  if (event.target == modal1974cnil) {113    modal1974cnil.style.display = "none";114  }115}116/*------------------------------Modal 1974 8008------------------------*/117var modal19748008 = document.getElementById("modal_1974_8008");118var btn19748008 = document.getElementById("btn_modal_8008_1974");119var span19748008 = document.getElementsByClassName("close80081974")[0];120btn19748008.onclick = function() {121  modal19748008.style.display = "block";122}123span19748008.onclick = function() {124  modal19748008.style.display = "none";125}126window.onclick = function(event) {127  if (event.target == modal19748008) {128    modal19748008.style.display = "none";129  }130}131/*------------------------------Modal 1975 risc------------------------*/132var modal1975risc = document.getElementById("modal_1975_risc");133var btn1975risc = document.getElementById("btn_modal_risc_1975");134var span1975risc = document.getElementsByClassName("closerisc1975")[0];135btn1975risc.onclick = function() {136  modal1975risc.style.display = "block";137}138span1975risc.onclick = function() {139  modal1975risc.style.display = "none";140}141window.onclick = function(event) {142  if (event.target == modal1975risc) {143    modal1975risc.style.display = "none";144  }145}146/*------------------------------Modal 1975 mcsft------------------------*/147var modal1975mcsft = document.getElementById("modal_1975_mcsft");148var btn1975mcsft = document.getElementById("btn_modal_mcsft_1975");149var span1975mcsft = document.getElementsByClassName("closemcsft1975")[0];150btn1975mcsft.onclick = function() {151  modal1975mcsft.style.display = "block";152}153span1975mcsft.onclick = function() {154  modal1975mcsft.style.display = "none";155}156window.onclick = function(event) {157  if (event.target == modal1975mcsft) {158    modal1975mcsft.style.display = "none";159  }160}161162/*------------------------------Modal 1975 mos------------------------*/163var modal1975mos = document.getElementById("modal_1975_mos");164var btn1975mos = document.getElementById("btn_modal_mos_1975");165var span1975mos = document.getElementsByClassName("closemos1975")[0];166btn1975mos.onclick = function() {167  modal1975mos.style.display = "block";168}169span1975mos.onclick = function() {170  modal1975mos.style.display = "none";171}172window.onclick = function(event) {173  if (event.target == modal1975mos) {174    modal1975mos.style.display = "none";175  }176}177178/*------------------------------Modal 1976 apple------------------------*/179var modal1976apple = document.getElementById("modal_1976_apple");180var btn1976apple = document.getElementById("btn_modal_apple_1976");181var span1976apple = document.getElementsByClassName("closeapple1976")[0];182btn1976apple.onclick = function() {183  modal1976apple.style.display = "block";184}185span1976apple.onclick = function() {186  modal1976apple.style.display = "none";187}188window.onclick = function(event) {189  if (event.target == modal1976apple) {190    modal1976apple.style.display = "none";191  }192}193194/*------------------------------Modal 1977 apple------------------------*/195var modal1977apple = document.getElementById("modal_1977_apple");196var btn1977apple = document.getElementById("btn_modal_apple_1977");197var span1977apple = document.getElementsByClassName("closeapple1977")[0];198btn1977apple.onclick = function() {199  modal1977apple.style.display = "block";200}201span1977apple.onclick = function() {202  modal1977apple.style.display = "none";203}204window.onclick = function(event) {205  if (event.target == modal1977apple) {206    modal1977apple.style.display = "none";207  }208}209210/*------------------------------Modal 1978 apple------------------------*/211var modal1978apple = document.getElementById("modal_1978_apple");212var btn1978apple = document.getElementById("btn_modal_apple_1978");213var span1978apple = document.getElementsByClassName("closeapple1978")[0];214btn1978apple.onclick = function() {215  modal1978apple.style.display = "block";216}217span1978apple.onclick = function() {218  modal1978apple.style.display = "none";219}220window.onclick = function(event) {221  if (event.target == modal1978apple) {222    modal1978apple.style.display = "none";223  }224}225226/*------------------------------Modal 1978 revue------------------------*/227var modal1978revue = document.getElementById("modal_1978_revue");228var btn1978revue = document.getElementById("btn_modal_revue_1978");229var span1978revue = document.getElementsByClassName("closerevue1978")[0];230btn1978revue.onclick = function() {231  modal1978revue.style.display = "block";232}233span1978revue.onclick = function() {234  modal1978revue.style.display = "none";235}236window.onclick = function(event) {237  if (event.target == modal1978revue) {238    modal1978revue.style.display = "none";239  }240}241242/*------------------------------Modal 1979 visi------------------------*/243var modal1979visi = document.getElementById("modal_1979_visi");244var btn1979visi = document.getElementById("btn_modal_visi_1979");245var span1979visi = document.getElementsByClassName("closevisi1979")[0];246btn1979visi.onclick = function() {247  modal1979visi.style.display = "block";248}249span1979visi.onclick = function() {250  modal1979visi.style.display = "none";251}252window.onclick = function(event) {253  if (event.target == modal1979visi) {254    modal1979visi.style.display = "none";255  }256}257258/*------------------------------Modal 1979 trs------------------------*/259var modal1979trs = document.getElementById("modal_1979_trs");260var btn1979trs = document.getElementById("btn_modal_trs_1979");261var span1979trs = document.getElementsByClassName("closetrs1979")[0];262btn1979trs.onclick = function() {263  modal1979trs.style.display = "block";264}265span1979trs.onclick = function() {266  modal1979trs.style.display = "none";267}268window.onclick = function(event) {269  if (event.target == modal1979trs) {270    modal1979trs.style.display = "none";271  }272}273274/*------------------------------Modal 1979 compuserve------------------------*/275var modal1979compuserve = document.getElementById("modal_1979_compuserve");276var btn1979compuserve = document.getElementById("btn_modal_compuserve_1979");277var span1979compuserve = document.getElementsByClassName("closecompuserve1979")[0];278btn1979compuserve.onclick = function() {279  modal1979compuserve.style.display = "block";280}281span1979compuserve.onclick = function() {282  modal1979compuserve.style.display = "none";283}284window.onclick = function(event) {285  if (event.target == modal1979compuserve) {286    modal1979compuserve.style.display = "none";287  }288}289290/*------------------------------Modal 1980 fril------------------------*/291var modal1980fril = document.getElementById("modal_1980_fril");292var btn1980fril = document.getElementById("btn_modal_fril_1980");293var span1980fril = document.getElementsByClassName("closefril1980")[0];294btn1980fril.onclick = function() {295  modal1980fril.style.display = "block";296}297span1980fril.onclick = function() {298  modal1980fril.style.display = "none";299}300window.onclick = function(event) {301  if (event.target == modal1980fril) {302    modal1980fril.style.display = "none";303  }304}305306/*------------------------------Modal 1980 cd------------------------*/307var modal1980cd = document.getElementById("modal_1980_cd");308var btn1980cd = document.getElementById("btn_modal_cd_1980");309var span1980cd = document.getElementsByClassName("closecd1980")[0];310btn1980cd.onclick = function() {311  modal1980cd.style.display = "block";312}313span1980cd.onclick = function() {314  modal1980cd.style.display = "none";315}316window.onclick = function(event) {317  if (event.target == modal1980cd) {318    modal1980cd.style.display = "none";319  }320}321322/*------------------------------Modal 1981 disquette------------------------*/323var modal1981disquette = document.getElementById("modal_1981_disquette");324var btn1981disquette = document.getElementById("btn_modal_disquette_1981");325var span1981disquette = document.getElementsByClassName("closedisquette1981")[0];326btn1981disquette.onclick = function() {327  modal1981disquette.style.display = "block";328}329span1981disquette.onclick = function() {330  modal1981disquette.style.display = "none";331}332window.onclick = function(event) {333  if (event.target == modal1981disquette) {334    modal1981disquette.style.display = "none";335  }336}337338/*------------------------------Modal 1982 commodore------------------------*/339var modal1982commodore = document.getElementById("modal_1982_commodore");340var btn1982commodore = document.getElementById("btn_modal_commodore_1982");341var span1982commodore = document.getElementsByClassName("closecommodore1982")[0];342btn1982commodore.onclick = function() {343  modal1982commodore.style.display = "block";344}345span1982commodore.onclick = function() {346  modal1982commodore.style.display = "none";347}348window.onclick = function(event) {349  if (event.target == modal1982commodore) {350    modal1982commodore.style.display = "none";351  }352}353354/*------------------------------Modal 1982 dos------------------------*/355var modal1982dos = document.getElementById("modal_1982_dos");356var btn1982dos = document.getElementById("btn_modal_dos_1982");357var span1982dos = document.getElementsByClassName("closedos1982")[0];358btn1982dos.onclick = function() {359  modal1982dos.style.display = "block";360}361span1982dos.onclick = function() {362  modal1982dos.style.display = "none";363}364window.onclick = function(event) {365  if (event.target == modal1982dos) {366    modal1982dos.style.display = "none";367  }368}369370/*------------------------------Modal 1983 cpp------------------------*/371var modal1983cpp = document.getElementById("modal_1983_cpp");372var btn1983cpp = document.getElementById("btn_modal_cpp_1983");373var span1983cpp = document.getElementsByClassName("closecpp1983")[0];374btn1983cpp.onclick = function() {375  modal1983cpp.style.display = "block";376}377span1983cpp.onclick = function() {378  modal1983cpp.style.display = "none";379}380window.onclick = function(event) {381  if (event.target == modal1983cpp) {382    modal1983cpp.style.display = "none";383  }384}385386/*------------------------------Modal 1984 mac------------------------*/387var modal1984mac = document.getElementById("modal_1984_mac");388var btn1984mac = document.getElementById("btn_modal_mac_1984");389var span1984mac = document.getElementsByClassName("closemac1984")[0];390btn1984mac.onclick = function() {391  modal1984mac.style.display = "block";392}393span1984mac.onclick = function() {394  modal1984mac.style.display = "none";395}396window.onclick = function(event) {397  if (event.target == modal1984mac) {398    modal1984mac.style.display = "none";399  }400}401402/*------------------------------Modal 1985 nomdom------------------------*/403var modal1985nomdom = document.getElementById("modal_1985_nomdom");404var btn1985nomdom = document.getElementById("btn_modal_nomdom_1985");405var span1985nomdom = document.getElementsByClassName("closenomdom1985")[0];406btn1985nomdom.onclick = function() {407  modal1985nomdom.style.display = "block";408}409span1985nomdom.onclick = function() {410  modal1985nomdom.style.display = "none";411}412window.onclick = function(event) {413  if (event.target == modal1985nomdom) {414    modal1985nomdom.style.display = "none";415  }416}417/*------------------------------Modal 1985 windows1------------------------*/418var modal1985windows1 = document.getElementById("modal_1985_windows1");419var btn1985windows1 = document.getElementById("btn_modal_windows1_1985");420var span1985windows1 = document.getElementsByClassName("closewindows11985")[0];421btn1985windows1.onclick = function() {422  modal1985windows1.style.display = "block";423}424span1985windows1.onclick = function() {425  modal1985windows1.style.display = "none";426}427window.onclick = function(event) {428  if (event.target == modal1985windows1) {429    modal1985windows1.style.display = "none";430  }431}432433/*------------------------------Modal 1986 risc------------------------*/434var modal1986risc = document.getElementById("modal_1986_risc");435var btn1986risc = document.getElementById("btn_modal_risc_1986");436var span1986risc = document.getElementsByClassName("closerisc1986")[0];437btn1986risc.onclick = function() {438  modal1986risc.style.display = "block";439}440span1986risc.onclick = function() {441  modal1986risc.style.display = "none";442}443window.onclick = function(event) {444  if (event.target == modal1986risc) {445    modal1986risc.style.display = "none";446  }447}448/*------------------------------Modal 1987 windows2------------------------*/449var modal1987windows2 = document.getElementById("modal_1987_windows2");450var btn1987windows2 = document.getElementById("btn_modal_windows2_1987");451var span1987windows2 = document.getElementsByClassName("closewindows21987")[0];452btn1987windows2.onclick = function() {453  modal1987windows2.style.display = "block";454}455span1987windows2.onclick = function() {456  modal1987windows2.style.display = "none";457}458window.onclick = function(event) {459  if (event.target == modal1987windows2) {460    modal1987windows2.style.display = "none";461  }462}463464/*------------------------------Modal 1988 as400------------------------*/465var modal1988as400 = document.getElementById("modal_1988_as400");466var btn1988as400 = document.getElementById("btn_modal_as400_1988");467var span1988as400 = document.getElementsByClassName("closeas4001988")[0];468btn1988as400.onclick = function() {469  modal1988as400.style.display = "block";470}471span1988as400.onclick = function() {472  modal1988as400.style.display = "none";473}474window.onclick = function(event) {475  if (event.target == modal1988as400) {476    modal1988as400.style.display = "none";477  }478}479480/*------------------------------Modal 1989 nextstep------------------------*/481var modal1989nextstep = document.getElementById("modal_1989_nextstep");482var btn1989nextstep = document.getElementById("btn_modal_nextstep_1989");483var span1989nextstep = document.getElementsByClassName("closenextstep1989")[0];484btn1989nextstep.onclick = function() {485  modal1989nextstep.style.display = "block";486}487span1989nextstep.onclick = function() {488  modal1989nextstep.style.display = "none";489}490window.onclick = function(event) {491  if (event.target == modal1989nextstep) {492    modal1989nextstep.style.display = "none";493  }494}495496/*------------------------------Modal 1989 www------------------------*/497var modal1989www = document.getElementById("modal_1989_www");498var btn1989www = document.getElementById("btn_modal_www_1989");499var span1989www = document.getElementsByClassName("closewww1989")[0];500btn1989www.onclick = function() {501  modal1989www.style.display = "block";502}503span1989www.onclick = function() {504  modal1989www.style.display = "none";505}506window.onclick = function(event) {507  if (event.target == modal1989www) {508    modal1989www.style.display = "none";509  }510}511512/*------------------------------Modal 1990 beos------------------------*/513var modal1990beos = document.getElementById("modal_1990_beos");514var btn1990beos = document.getElementById("btn_modal_beos_1990");515var span1990beos = document.getElementsByClassName("closebeos1990")[0];516btn1990beos.onclick = function() {517  modal1990beos.style.display = "block";518}519span1990beos.onclick = function() {520  modal1990beos.style.display = "none";521}522window.onclick = function(event) {523  if (event.target == modal1990beos) {524    modal1990beos.style.display = "none";525  }526}527528/*------------------------------Modal 1990 tcp------------------------*/529var modal1990tcp = document.getElementById("modal_1990_tcp");530var btn1990tcp = document.getElementById("btn_modal_tcp_1990");531var span1990tcp = document.getElementsByClassName("closetcp1990")[0];532btn1990tcp.onclick = function() {533  modal1990tcp.style.display = "block";534}535span1990tcp.onclick = function() {536  modal1990tcp.style.display = "none";537}538window.onclick = function(event) {539  if (event.target == modal1990tcp) {540    modal1990tcp.style.display = "none";541  }542}543544/*------------------------------Modal 1991 linux001------------------------*/545var modal1991linux001 = document.getElementById("modal_1991_linux001");546var btn1991linux001 = document.getElementById("btn_modal_linux001_1991");547var span1991linux001 = document.getElementsByClassName("closelinux0011991")[0];548btn1991linux001.onclick = function() {549  modal1991linux001.style.display = "block";550}551span1991linux001.onclick = function() {552  modal1991linux001.style.display = "none";553}554window.onclick = function(event) {555  if (event.target == modal1991linux001) {556    modal1991linux001.style.display = "none";557  }558}559560/*------------------------------Modal 1991 apples7------------------------*/561var modal1991apples7 = document.getElementById("modal_1991_apples7");562var btn1991apples7 = document.getElementById("btn_modal_apples7_1991");563var span1991apples7 = document.getElementsByClassName("closeapples71991")[0];564btn1991apples7.onclick = function() {565  modal1991apples7.style.display = "block";566}567span1991apples7.onclick = function() {568  modal1991apples7.style.display = "none";569}570window.onclick = function(event) {571  if (event.target == modal1991apples7) {572    modal1991apples7.style.display = "none";573  }574}575576/*------------------------------Modal 1992 windows3------------------------*/577var modal1992windows3 = document.getElementById("modal_1992_windows3");578var btn1992windows3 = document.getElementById("btn_modal_windows3_1992");579var span1992windows3 = document.getElementsByClassName("closewindows31992")[0];580btn1992windows3.onclick = function() {581  modal1992windows3.style.display = "block";582}583span1992windows3.onclick = function() {584  modal1992windows3.style.display = "none";585}586window.onclick = function(event) {587  if (event.target == modal1992windows3) {588    modal1992windows3.style.display = "none";589  }590}591592/*------------------------------Modal 1993 pentium------------------------*/593var modal1993pentium = document.getElementById("modal_1993_pentium");594var btn1993pentium = document.getElementById("btn_modal_pentium_1993");595var span1993pentium = document.getElementsByClassName("closepentium1993")[0];596btn1993pentium.onclick = function() {597  modal1993pentium.style.display = "block";598}599span1993pentium.onclick = function() {600  modal1993pentium.style.display = "none";601}602window.onclick = function(event) {603  if (event.target == modal1993pentium) {604    modal1993pentium.style.display = "none";605  }606}607608/*------------------------------Modal 1993 windowsnt------------------------*/609var modal1993windowsnt = document.getElementById("modal_1993_windowsnt");610var btn1993windowsnt = document.getElementById("btn_modal_windowsnt_1993");611var span1993windowsnt = document.getElementsByClassName("closewindowsnt1993")[0];612btn1993windowsnt.onclick = function() {613  modal1993windowsnt.style.display = "block";614}615span1993windowsnt.onclick = function() {616  modal1993windowsnt.style.display = "none";617}618window.onclick = function(event) {619  if (event.target == modal1993windowsnt) {620    modal1993windowsnt.style.display = "none";621  }622}623624/*------------------------------Modal 1993 mosaic------------------------*/625var modal1993mosaic = document.getElementById("modal_1993_mosaic");626var btn1993mosaic = document.getElementById("btn_modal_mosaic_1993");627var span1993mosaic = document.getElementsByClassName("closemosaic1993")[0];628btn1993mosaic.onclick = function() {629  modal1993mosaic.style.display = "block";630}631span1993mosaic.onclick = function() {632  modal1993mosaic.style.display = "none";633}634window.onclick = function(event) {635  if (event.target == modal1993mosaic) {636    modal1993mosaic.style.display = "none";637  }638}639640/*------------------------------Modal 1994 sex------------------------*/641var modal1994sex = document.getElementById("modal_1994_sex");642var btn1994sex = document.getElementById("btn_modal_sex_1994");643var span1994sex = document.getElementsByClassName("closesex1994")[0];644btn1994sex.onclick = function() {645  modal1994sex.style.display = "block";646}647span1994sex.onclick = function() {648  modal1994sex.style.display = "none";649}650window.onclick = function(event) {651  if (event.target == modal1994sex) {652    modal1994sex.style.display = "none";653  }654}655656/*------------------------------Modal 1994 powermac------------------------*/657var modal1994powermac = document.getElementById("modal_1994_powermac");658var btn1994powermac = document.getElementById("btn_modal_powermac_1994");659var span1994powermac = document.getElementsByClassName("closepowermac1994")[0];660btn1994powermac.onclick = function() {661  modal1994powermac.style.display = "block";662}663span1994powermac.onclick = function() {664  modal1994powermac.style.display = "none";665}666window.onclick = function(event) {667  if (event.target == modal1994powermac) {668    modal1994powermac.style.display = "none";669  }670}671672/*------------------------------Modal 1994 netscape------------------------*/673var modal1994netscape = document.getElementById("modal_1994_netscape");674var btn1994netscape = document.getElementById("btn_modal_netscape_1994");675var span1994netscape = document.getElementsByClassName("closenetscape1994")[0];676btn1994netscape.onclick = function() {677  modal1994netscape.style.display = "block";678}679span1994netscape.onclick = function() {680  modal1994netscape.style.display = "none";681}682window.onclick = function(event) {683  if (event.target == modal1994netscape) {684    modal1994netscape.style.display = "none";685  }686}687/*------------------------------Modal 1995 amazon------------------------*/688var modal1995amazon = document.getElementById("modal_1995_amazon");689var btn1995amazon = document.getElementById("btn_modal_amazon_1995");690var span1995amazon = document.getElementsByClassName("closeamazon1995")[0];691btn1995amazon.onclick = function() {692  modal1995amazon.style.display = "block";693}694span1995amazon.onclick = function() {695  modal1995amazon.style.display = "none";696}697window.onclick = function(event) {698  if (event.target == modal1995amazon) {699    modal1995amazon.style.display = "none";700  }701}702703/*------------------------------Modal 1995 iexplorer------------------------*/704var modal1995iexplorer = document.getElementById("modal_1995_iexplorer");705var btn1995iexplorer = document.getElementById("btn_modal_iexplorer_1995");706var span1995iexplorer = document.getElementsByClassName("closeiexplorer1995")[0];707btn1995iexplorer.onclick = function() {708  modal1995iexplorer.style.display = "block";709}710span1995iexplorer.onclick = function() {711  modal1995iexplorer.style.display = "none";712}713window.onclick = function(event) {714  if (event.target == modal1995iexplorer) {715    modal1995iexplorer.style.display = "none";716  }717}718719/*------------------------------Modal 1996 microsoft------------------------*/720var modal1996microsoft = document.getElementById("modal_1996_microsoft");721var btn1996microsoft = document.getElementById("btn_modal_microsoft_1996");722var span1996microsoft = document.getElementsByClassName("closemicrosoft1996")[0];723btn1996microsoft.onclick = function() {724  modal1996microsoft.style.display = "block";725}726span1996microsoft.onclick = function() {727  modal1996microsoft.style.display = "none";728}729window.onclick = function(event) {730  if (event.target == modal1996microsoft) {731    modal1996microsoft.style.display = "none";732  }733}734/*------------------------------Modal 1996 linux------------------------*/735var modal1996linux = document.getElementById("modal_1996_linux");736var btn1996linux = document.getElementById("btn_modal_linux_1996");737var span1996linux = document.getElementsByClassName("closelinux1996")[0];738btn1996linux.onclick = function() {739  modal1996linux.style.display = "block";740}741span1996linux.onclick = function() {742  modal1996linux.style.display = "none";743}744window.onclick = function(event) {745  if (event.target == modal1996linux) {746    modal1996linux.style.display = "none";747  }748}749/*------------------------------Modal 1997 macos8------------------------*/750var modal1997macos8 = document.getElementById("modal_1997_macos8");751var btn1997macos8 = document.getElementById("btn_modal_macos8_1997");752var span1997macos8 = document.getElementsByClassName("closemacos81997")[0];753btn1997macos8.onclick = function() {754  modal1997macos8.style.display = "block";755}756span1997macos8.onclick = function() {757  modal1997macos8.style.display = "none";758}759window.onclick = function(event) {760  if (event.target == modal1997macos8) {761    modal1997macos8.style.display = "none";762  }763}764765/*------------------------------Modal 1998 google------------------------*/766var modal1998google = document.getElementById("modal_1998_google");767var btn1998google = document.getElementById("btn_modal_google_1998");768var span1998google = document.getElementsByClassName("closegoogle1998")[0];769btn1998google.onclick = function() {770  modal1998google.style.display = "block";771}772span1998google.onclick = function() {773  modal1998google.style.display = "none";774}775window.onclick = function(event) {776  if (event.target == modal1998google) {777    modal1998google.style.display = "none";778  }779}780/*------------------------------Modal 1998 apple------------------------*/781var modal1998apple = document.getElementById("modal_1998_apple");782var btn1998apple = document.getElementById("btn_modal_apple_1998");783var span1998apple = document.getElementsByClassName("closeapple1998")[0];784btn1998apple.onclick = function() {785  modal1998apple.style.display = "block";786}787span1998apple.onclick = function() {788  modal1998apple.style.display = "none";789}790window.onclick = function(event) {791  if (event.target == modal1998apple) {792    modal1998apple.style.display = "none";793  }794}795/*------------------------------Modal 1998 windows98------------------------*/796var modal1998windows98 = document.getElementById("modal_1998_windows98");797var btn1998windows98 = document.getElementById("btn_modal_windows98_1998");798var span1998windows98 = document.getElementsByClassName("closewindows981998")[0];799btn1998windows98.onclick = function() {800  modal1998windows98.style.display = "block";801}802span1998windows98.onclick = function() {803  modal1998windows98.style.display = "none";804}805window.onclick = function(event) {806  if (event.target == modal1998windows98) {807    modal1998windows98.style.display = "none";808  }809}810811/*------------------------------Modal 1999 linux22------------------------*/812var modal1999linux22 = document.getElementById("modal_1999_linux22");813var btn1999linux22 = document.getElementById("btn_modal_linux22_1999");814var span1999linux22 = document.getElementsByClassName("closelinux221999")[0];815btn1999linux22.onclick = function() {816  modal1999linux22.style.display = "block";817}818span1999linux22.onclick = function() {819  modal1999linux22.style.display = "none";820}821window.onclick = function(event) {822  if (event.target == modal1999linux22) {823    modal1999linux22.style.display = "none";824  }825}826/*------------------------------Modal 1999 macos9------------------------*/827var modal1999macos9 = document.getElementById("modal_1999_macos9");828var btn1999macos9 = document.getElementById("btn_modal_macos9_1999");829var span1999macos9 = document.getElementsByClassName("closemacos91999")[0];830btn1999macos9.onclick = function() {831  modal1999macos9.style.display = "block";832}833span1999macos9.onclick = function() {834  modal1999macos9.style.display = "none";835}836window.onclick = function(event) {837  if (event.target == modal1999macos9) {838    modal1999macos9.style.display = "none";839  }840}841842/*------------------------------Modal 2000 microsoft------------------------*/843var modal2000microsoft = document.getElementById("modal_2000_microsoft");844var btn2000microsoft = document.getElementById("btn_modal_microsoft_2000");845var span2000microsoft = document.getElementsByClassName("closemicrosoft2000")[0];846btn2000microsoft.onclick = function() {847  modal2000microsoft.style.display = "block";848}849span2000microsoft.onclick = function() {850  modal2000microsoft.style.display = "none";851}852window.onclick = function(event) {853  if (event.target == modal2000microsoft) {854    modal2000microsoft.style.display = "none";855  }856}857858/*------------------------------Modal 2001 wiki------------------------*/859var modal2001wiki = document.getElementById("modal_2001_wiki");860var btn2001wiki = document.getElementById("btn_modal_wiki_2001");861var span2001wiki = document.getElementsByClassName("closewiki2001")[0];862btn2001wiki.onclick = function() {863  modal2001wiki.style.display = "block";864}865span2001wiki.onclick = function() {866  modal2001wiki.style.display = "none";867}868window.onclick = function(event) {869  if (event.target == modal2001wiki) {870    modal2001wiki.style.display = "none";871  }872}873874/*------------------------------Modal 2002 tor------------------------*/875var modal2002tor = document.getElementById("modal_2002_tor");876var btn2002tor = document.getElementById("btn_modal_tor_2002");877var span2002tor = document.getElementsByClassName("closetor2002")[0];878btn2002tor.onclick = function() {879  modal2002tor.style.display = "block";880}881span2002tor.onclick = function() {882  modal2002tor.style.display = "none";883}884window.onclick = function(event) {885  if (event.target == modal2002tor) {886    modal2002tor.style.display = "none";887  }888}889890/*------------------------------Modal 2003 powermac------------------------*/891var modal2003powermac = document.getElementById("modal_2003_powermac");892var btn2003powermac = document.getElementById("btn_modal_powermac_2003");893var span2003powermac = document.getElementsByClassName("closepowermac2003")[0];894btn2003powermac.onclick = function() {895  modal2003powermac.style.display = "block";896}897span2003powermac.onclick = function() {898  modal2003powermac.style.display = "none";899}900window.onclick = function(event) {901  if (event.target == modal2003powermac) {902    modal2003powermac.style.display = "none";903  }904}905906/*------------------------------Modal 2003 linux------------------------*/907var modal2003linux = document.getElementById("modal_2003_linux");908var btn2003linux = document.getElementById("btn_modal_linux_2003");909var span2003linux = document.getElementsByClassName("closelinux2003")[0];910btn2003linux.onclick = function() {911  modal2003linux.style.display = "block";912}913span2003linux.onclick = function() {914  modal2003linux.style.display = "none";915}916window.onclick = function(event) {917  if (event.target == modal2003linux) {918    modal2003linux.style.display = "none";919  }920}921922/*------------------------------Modal 2004 fb------------------------*/923var modal2004fb = document.getElementById("modal_2004_fb");924var btn2004fb = document.getElementById("btn_modal_fb_2004");925var span2004fb = document.getElementsByClassName("closefb2004")[0];926btn2004fb.onclick = function() {927  modal2004fb.style.display = "block";928}929span2004fb.onclick = function() {930  modal2004fb.style.display = "none";931}932window.onclick = function(event) {933  if (event.target == modal2004fb) {934    modal2004fb.style.display = "none";935  }936}937938/*------------------------------Modal 2004 linux26------------------------*/939var modal2004linux26 = document.getElementById("modal_2004_linux26");940var btn2004linux26 = document.getElementById("btn_modal_linux26_2004");941var span2004linux26 = document.getElementsByClassName("closelinux262004")[0];942btn2004linux26.onclick = function() {943  modal2004linux26.style.display = "block";944}945span2004linux26.onclick = function() {946  modal2004linux26.style.display = "none";947}948window.onclick = function(event) {949  if (event.target == modal2004linux26) {950    modal2004linux26.style.display = "none";951  }952}953954/*------------------------------Modal 2005 yt------------------------*/955var modal2005yt = document.getElementById("modal_2005_yt");956var btn2005yt = document.getElementById("btn_modal_yt_2005");957var span2005yt = document.getElementsByClassName("closeyt2005")[0];958btn2005yt.onclick = function() {959  modal2005yt.style.display = "block";960}961span2005yt.onclick = function() {962  modal2005yt.style.display = "none";963}964window.onclick = function(event) {965  if (event.target == modal2005yt) {966    modal2005yt.style.display = "none";967  }968}969/*------------------------------Modal 2006 iexplorer7------------------------*/970var modal2006iexplorer7 = document.getElementById("modal_2006_iexplorer7");971var btn2006iexplorer7 = document.getElementById("btn_modal_iexplorer7_2006");972var span2006iexplorer7 = document.getElementsByClassName("closeiexplorer72006")[0];973btn2006iexplorer7.onclick = function() {974  modal2006iexplorer7.style.display = "block";975}976span2006iexplorer7.onclick = function() {977  modal2006iexplorer7.style.display = "none";978}979window.onclick = function(event) {980  if (event.target == modal2006iexplorer7) {981    modal2006iexplorer7.style.display = "none";982  }983}984/*------------------------------Modal 2006 firefox------------------------*/985var modal2006firefox = document.getElementById("modal_2006_firefox");986var btn2006firefox = document.getElementById("btn_modal_firefox_2006");987var span2006firefox = document.getElementsByClassName("closefirefox2006")[0];988btn2006firefox.onclick = function() {989  modal2006firefox.style.display = "block";990}991span2006firefox.onclick = function() {992  modal2006firefox.style.display = "none";993}994window.onclick = function(event) {995  if (event.target == modal2006firefox) {996    modal2006firefox.style.display = "none";997  }998}999/*------------------------------Modal 2006 opendocument------------------------*/1000var modal2006opendocument = document.getElementById("modal_2006_opendocument");1001var btn2006opendocument = document.getElementById("btn_modal_opendocument_2006");1002var span2006opendocument = document.getElementsByClassName("closeopendocument2006")[0];1003btn2006opendocument.onclick = function() {1004  modal2006opendocument.style.display = "block";1005}1006span2006opendocument.onclick = function() {1007  modal2006opendocument.style.display = "none";1008}1009window.onclick = function(event) {1010  if (event.target == modal2006opendocument) {1011    modal2006opendocument.style.display = "none";1012  }1013}10141015/*------------------------------Modal 2007 vista------------------------*/1016var modal2007vista = document.getElementById("modal_2007_vista");1017var btn2007vista = document.getElementById("btn_modal_vista_2007");1018var span2007vista = document.getElementsByClassName("closevista2007")[0];1019btn2007vista.onclick = function() {1020  modal2007vista.style.display = "block";1021}1022span2007vista.onclick = function() {1023  modal2007vista.style.display = "none";1024}1025window.onclick = function(event) {1026  if (event.target == modal2007vista) {1027    modal2007vista.style.display = "none";1028  }1029}1030/*------------------------------Modal 2007 office------------------------*/1031var modal2007office = document.getElementById("modal_2007_office");1032var btn2007office = document.getElementById("btn_modal_office_2007");1033var span2007office = document.getElementsByClassName("closeoffice2007")[0];1034btn2007office.onclick = function() {1035  modal2007office.style.display = "block";1036}1037span2007office.onclick = function() {1038  modal2007office.style.display = "none";1039}1040window.onclick = function(event) {1041  if (event.target == modal2007office) {1042    modal2007office.style.display = "none";1043  }1044}10451046/*------------------------------Modal 2007 macos105------------------------*/1047var modal2007macos105 = document.getElementById("modal_2007_macos105");1048var btn2007macos105 = document.getElementById("btn_modal_macos105_2007");1049var span2007macos105 = document.getElementsByClassName("closemacos1052007")[0];1050btn2007macos105.onclick = function() {1051  modal2007macos105.style.display = "block";1052}1053span2007macos105.onclick = function() {1054  modal2007macos105.style.display = "none";1055}1056window.onclick = function(event) {1057  if (event.target == modal2007macos105) {1058    modal2007macos105.style.display = "none";1059  }1060}10611062/*------------------------------Modal 2008 appletv------------------------*/1063var modal2008appletv = document.getElementById("modal_2008_appletv");1064var btn2008appletv = document.getElementById("btn_modal_appletv_2008");1065var span2008appletv = document.getElementsByClassName("closeappletv2008")[0];1066btn2008appletv.onclick = function() {1067  modal2008appletv.style.display = "block";1068}1069span2008appletv.onclick = function() {1070  modal2008appletv.style.display = "none";1071}1072window.onclick = function(event) {1073  if (event.target == modal2008appletv) {1074    modal2008appletv.style.display = "none";1075  }1076}1077/*------------------------------Modal 2008 firefox3------------------------*/1078var modal2008firefox3 = document.getElementById("modal_2008_firefox3");1079var btn2008firefox3 = document.getElementById("btn_modal_firefox3_2008");1080var span2008firefox3 = document.getElementsByClassName("closefirefox32008")[0];1081btn2008firefox3.onclick = function() {1082  modal2008firefox3.style.display = "block";1083}1084span2008firefox3.onclick = function() {1085  modal2008firefox3.style.display = "none";1086}1087window.onclick = function(event) {1088  if (event.target == modal2008firefox3) {1089    modal2008firefox3.style.display = "none";1090  }1091}10921093/*------------------------------Modal 2008 openoffice3------------------------*/1094var modal2008openoffice3 = document.getElementById("modal_2008_openoffice3");1095var btn2008openoffice3 = document.getElementById("btn_modal_openoffice3_2008");1096var span2008openoffice3 = document.getElementsByClassName("closeopenoffice32008")[0];1097btn2008openoffice3.onclick = function() {1098  modal2008openoffice3.style.display = "block";1099}1100span2008openoffice3.onclick = function() {1101  modal2008openoffice3.style.display = "none";1102}1103window.onclick = function(event) {1104  if (event.target == modal2008openoffice3) {1105    modal2008openoffice3.style.display = "none";1106  }1107}11081109/*------------------------------Modal 2009 bitcoin------------------------*/1110var modal2009bitcoin = document.getElementById("modal_2009_bitcoin");1111var btn2009bitcoin= document.getElementById("btn_modal_bitcoin_2009");1112var span2009bitcoin = document.getElementsByClassName("closebitcoin2009")[0];1113btn2009bitcoin.onclick = function() {1114  modal2009bitcoin.style.display = "block";1115}1116span2009bitcoin.onclick = function() {1117  modal2009bitcoin.style.display = "none";1118}1119window.onclick = function(event) {1120  if (event.target == modal2009bitcoin) {1121    modal2009bitcoin.style.display = "none";1122  }1123}11241125/*------------------------------Modal 2010 cloud------------------------*/1126var modal2010cloud = document.getElementById("modal_2010_cloud");1127var btn2010cloud = document.getElementById("btn_modal_cloud_2010");1128var span2010cloud = document.getElementsByClassName("closecloud2010")[0];1129btn2010cloud.onclick = function() {1130  modal2010cloud.style.display = "block";1131}1132span2010cloud.onclick = function() {1133  modal2010cloud.style.display = "none";1134}1135window.onclick = function(event) {1136  if (event.target == modal2010cloud) {1137    modal2010cloud.style.display = "none";1138  }1139}11401141/*------------------------------Modal 2011 libreoffice------------------------*/1142var modal2011libreoffice = document.getElementById("modal_2011_libreoffice");1143var btn2011libreoffice = document.getElementById("btn_modal_libreoffice_2011");1144var span2011libreoffice = document.getElementsByClassName("closelibreoffice2011")[0];1145btn2011libreoffice.onclick = function() {1146  modal2011libreoffice.style.display = "block";1147}1148span2011libreoffice.onclick = function() {1149  modal2011libreoffice.style.display = "none";1150}1151window.onclick = function(event) {1152  if (event.target == modal2011libreoffice) {1153    modal2011libreoffice.style.display = "none";1154  }1155}11561157/*------------------------------Modal 2012 windows8------------------------*/1158var modal2012windows8 = document.getElementById("modal_2012_windows8");1159var btn2012windows8 = document.getElementById("btn_modal_windows8_2012");1160var span2012windows8 = document.getElementsByClassName("closewindows82012")[0];1161btn2012windows8.onclick = function() {1162  modal2012windows8.style.display = "block";1163}1164span2012windows8.onclick = function() {1165  modal2012windows8.style.display = "none";1166}1167window.onclick = function(event) {1168  if (event.target == modal2012windows8) {1169    modal2012windows8.style.display = "none";1170  }1171}11721173/*------------------------------Modal 2013 smartpc------------------------*/1174var modal2013smartpc = document.getElementById("modal_2013_smartpc");1175var btn2013smartpc = document.getElementById("btn_modal_smartpc_2013");1176var span2013smartpc = document.getElementsByClassName("closesmartpc2013")[0];1177btn2013smartpc.onclick = function() {1178  modal2013smartpc.style.display = "block";1179}1180span2013smartpc.onclick = function() {1181  modal2013smartpc.style.display = "none";1182}1183window.onclick = function(event) {1184  if (event.target == modal2013smartpc) {1185    modal2013smartpc.style.display = "none";1186  }1187}1188/*------------------------------Modal 2013 snowden------------------------*/1189var modal2013snowden = document.getElementById("modal_2013_snowden");1190var btn2013snowden = document.getElementById("btn_modal_snowden_2013");1191var span2013snowden = document.getElementsByClassName("closesnowden2013")[0];1192btn2013snowden.onclick = function() {1193  modal2013snowden.style.display = "block";1194}1195span2013snowden.onclick = function() {1196  modal2013snowden.style.display = "none";1197}1198window.onclick = function(event) {1199  if (event.target == modal2013snowden) {1200    modal2013snowden.style.display = "none";1201  }1202}12031204/*------------------------------Modal 2014 objetcon------------------------*/1205var modal2014objetcon = document.getElementById("modal_2014_objetcon");1206var btn2014objetcon = document.getElementById("btn_modal_objetcon_2014");1207var span2014objetcon = document.getElementsByClassName("closeobjetcon2014")[0];1208btn2014objetcon.onclick = function() {1209  modal2014objetcon.style.display = "block";1210}1211span2014objetcon.onclick = function() {1212  modal2014objetcon.style.display = "none";1213}1214window.onclick = function(event) {1215  if (event.target == modal2014objetcon) {1216    modal2014objetcon.style.display = "none";1217  }1218}12191220/*------------------------------Modal 2015 darknet------------------------*/1221var modal2015darknet = document.getElementById("modal_2015_darknet");1222var btn2015darknet = document.getElementById("btn_modal_darknet_2015");1223var span2015darknet = document.getElementsByClassName("closedarknet2015")[0];1224btn2015darknet.onclick = function() {1225  modal2015darknet.style.display = "block";1226}1227span2015darknet.onclick = function() {1228  modal2015darknet.style.display = "none";1229}1230window.onclick = function(event) {1231  if (event.target == modal2015darknet) {1232    modal2015darknet.style.display = "none";1233  }1234}12351236/*------------------------------Modal 2016 chrome------------------------*/1237var modal2016chrome = document.getElementById("modal_2016_chrome");1238var btn2016chrome = document.getElementById("btn_modal_chrome_2016");1239var span2016chrome = document.getElementsByClassName("closechrome2016")[0];1240btn2016chrome.onclick = function() {1241  modal2016chrome.style.display = "block";1242}1243span2016chrome.onclick = function() {1244  modal2016chrome.style.display = "none";1245}1246window.onclick = function(event) {1247  if (event.target == modal2016chrome) {1248    modal2016chrome.style.display = "none";1249  }1250}12511252/*------------------------------Modal 2016 internetobj------------------------*/1253var modal2016internetobj = document.getElementById("modal_2016_internetobj");1254var btn2016internetobj = document.getElementById("btn_modal_internetobj_2016");1255var span2016internetobj = document.getElementsByClassName("closeinternetobj2016")[0];1256btn2016internetobj.onclick = function() {1257  modal2016internetobj.style.display = "block";1258}1259span2016internetobj.onclick = function() {1260  modal2016internetobj.style.display = "none";1261}1262window.onclick = function(event) {1263  if (event.target == modal2016internetobj) {1264    modal2016internetobj.style.display = "none";1265  }1266}1267/*------------------------------Modal 2017 wannacry------------------------*/1268var modal2017wannacry = document.getElementById("modal_2017_wannacry");1269var btn2017wannacry = document.getElementById("btn_modal_wannacry_2017");1270var span2017wannacry = document.getElementsByClassName("closewannacry2017")[0];1271btn2017wannacry.onclick = function() {1272  modal2017wannacry.style.display = "block";1273}1274span2017wannacry.onclick = function() {1275  modal2017wannacry.style.display = "none";1276}1277window.onclick = function(event) {1278  if (event.target == modal2017wannacry) {1279    modal2017wannacry.style.display = "none";1280  }1281}12821283/*------------------------------Modal 2018 canalytica------------------------*/1284var modal2018canalytica = document.getElementById("modal_2018_canalytica");1285var btn2018canalytica = document.getElementById("btn_modal_canalytica_2018");1286var span2018canalytica = document.getElementsByClassName("closecanalytica2018")[0];1287btn2018canalytica.onclick = function() {1288  modal2018canalytica.style.display = "block";1289}1290span2018canalytica.onclick = function() {1291  modal2018canalytica.style.display = "none";1292}1293window.onclick = function(event) {1294  if (event.target == modal2018canalytica) {1295    modal2018canalytica.style.display = "none";1296  }1297}12981299/*------------------------------Modal 2019 lexar------------------------*/1300var modal2019lexar = document.getElementById("modal_2019_lexar");1301var btn2019lexar = document.getElementById("btn_modal_lexar_2019");1302var span2019lexar = document.getElementsByClassName("closelexar2019")[0];1303btn2019lexar.onclick = function() {1304  modal2019lexar.style.display = "block";1305}1306span2019lexar.onclick = function() {1307  modal2019lexar.style.display = "none";1308}1309window.onclick = function(event) {1310  if (event.target == modal2019lexar) {1311    modal2019lexar.style.display = "none";1312  }1313}13141315/*------------------------------Modal 2019 google------------------------*/1316var modal2019google = document.getElementById("modal_2019_google");1317var btn2019google = document.getElementById("btn_modal_google_2019");1318var span2019google = document.getElementsByClassName("closegoogle2019")[0];1319btn2019google.onclick = function() {1320  modal2019google.style.display = "block";1321}1322span2019google.onclick = function() {1323  modal2019google.style.display = "none";1324}1325window.onclick = function(event) {1326  if (event.target == modal2019google) {1327    modal2019google.style.display = "none";1328  }1329}13301331/*------------------------------Modal 2020 covid------------------------*/1332var modal2020covid = document.getElementById("modal_2020_covid");1333var btn2020covid = document.getElementById("btn_modal_covid_2020");1334var span2020covid = document.getElementsByClassName("closecovid2020")[0];1335btn2020covid.onclick = function() {1336  modal2020covid.style.display = "block";1337}1338span2020covid.onclick = function() {1339  modal2020covid.style.display = "none";1340}1341window.onclick = function(event) {1342  if (event.target == modal2020covid) {1343    modal2020covid.style.display = "none";1344  }
...

no-static-element-interactions-test.js

Source:no-static-element-interactions-test.js

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

modal-innovation.js

Source:modal-innovation.js

1/*------------------------------Modal 1974 8008------------------------*/2var modal19748008 = document.getElementById("modal_1974_8008");3var btn19748008 = document.getElementById("btn_modal_8008_1974");4var span19748008 = document.getElementsByClassName("close80081974")[0];5btn19748008.onclick = function() {6  modal19748008.style.display = "block";7}8span19748008.onclick = function() {9  modal19748008.style.display = "none";10}11window.onclick = function(event) {12  if (event.target == modal19748008) {13    modal19748008.style.display = "none";14  }15}16/*------------------------------Modal 1975 mos------------------------*/17var modal1975mos = document.getElementById("modal_1975_mos");18var btn1975mos = document.getElementById("btn_modal_mos_1975");19var span1975mos = document.getElementsByClassName("closemos1975")[0];20btn1975mos.onclick = function() {21  modal1975mos.style.display = "block";22}23span1975mos.onclick = function() {24  modal1975mos.style.display = "none";25}26window.onclick = function(event) {27  if (event.target == modal1975mos) {28    modal1975mos.style.display = "none";29  }30}31/*------------------------------Modal 1978 apple------------------------*/32var modal1978apple = document.getElementById("modal_1978_apple");33var btn1978apple = document.getElementById("btn_modal_apple_1978");34var span1978apple = document.getElementsByClassName("closeapple1978")[0];35btn1978apple.onclick = function() {36  modal1978apple.style.display = "block";37}38span1978apple.onclick = function() {39  modal1978apple.style.display = "none";40}41window.onclick = function(event) {42  if (event.target == modal1978apple) {43    modal1978apple.style.display = "none";44  }45}46/*------------------------------Modal 1979 trs------------------------*/47var modal1979trs = document.getElementById("modal_1979_trs");48var btn1979trs = document.getElementById("btn_modal_trs_1979");49var span1979trs = document.getElementsByClassName("closetrs1979")[0];50btn1979trs.onclick = function() {51  modal1979trs.style.display = "block";52}53span1979trs.onclick = function() {54  modal1979trs.style.display = "none";55}56window.onclick = function(event) {57  if (event.target == modal1979trs) {58    modal1979trs.style.display = "none";59  }60}61/*------------------------------Modal 1982 dos------------------------*/62var modal1982dos = document.getElementById("modal_1982_dos");63var btn1982dos = document.getElementById("btn_modal_dos_1982");64var span1982dos = document.getElementsByClassName("closedos1982")[0];65btn1982dos.onclick = function() {66  modal1982dos.style.display = "block";67}68span1982dos.onclick = function() {69  modal1982dos.style.display = "none";70}71window.onclick = function(event) {72  if (event.target == modal1982dos) {73    modal1982dos.style.display = "none";74  }75}76/*------------------------------Modal 1984 mac------------------------*/77var modal1984mac = document.getElementById("modal_1984_mac");78var btn1984mac = document.getElementById("btn_modal_mac_1984");79var span1984mac = document.getElementsByClassName("closemac1984")[0];80btn1984mac.onclick = function() {81  modal1984mac.style.display = "block";82}83span1984mac.onclick = function() {84  modal1984mac.style.display = "none";85}86window.onclick = function(event) {87  if (event.target == modal1984mac) {88    modal1984mac.style.display = "none";89  }90}91/*------------------------------Modal 1985 windows1------------------------*/92var modal1985windows1 = document.getElementById("modal_1985_windows1");93var btn1985windows1 = document.getElementById("btn_modal_windows1_1985");94var span1985windows1 = document.getElementsByClassName("closewindows11985")[0];95btn1985windows1.onclick = function() {96  modal1985windows1.style.display = "block";97}98span1985windows1.onclick = function() {99  modal1985windows1.style.display = "none";100}101window.onclick = function(event) {102  if (event.target == modal1985windows1) {103    modal1985windows1.style.display = "none";104  }105}106/*------------------------------Modal 1986 risc------------------------*/107var modal1986risc = document.getElementById("modal_1986_risc");108var btn1986risc = document.getElementById("btn_modal_risc_1986");109var span1986risc = document.getElementsByClassName("closerisc1986")[0];110btn1986risc.onclick = function() {111  modal1986risc.style.display = "block";112}113span1986risc.onclick = function() {114  modal1986risc.style.display = "none";115}116window.onclick = function(event) {117  if (event.target == modal1986risc) {118    modal1986risc.style.display = "none";119  }120}121/*------------------------------Modal 1987 windows2------------------------*/122var modal1987windows2 = document.getElementById("modal_1987_windows2");123var btn1987windows2 = document.getElementById("btn_modal_windows2_1987");124var span1987windows2 = document.getElementsByClassName("closewindows21987")[0];125btn1987windows2.onclick = function() {126  modal1987windows2.style.display = "block";127}128span1987windows2.onclick = function() {129  modal1987windows2.style.display = "none";130}131window.onclick = function(event) {132  if (event.target == modal1987windows2) {133    modal1987windows2.style.display = "none";134  }135}136/*------------------------------Modal 1988 as400------------------------*/137var modal1988as400 = document.getElementById("modal_1988_as400");138var btn1988as400 = document.getElementById("btn_modal_as400_1988");139var span1988as400 = document.getElementsByClassName("closeas4001988")[0];140btn1988as400.onclick = function() {141  modal1988as400.style.display = "block";142}143span1988as400.onclick = function() {144  modal1988as400.style.display = "none";145}146window.onclick = function(event) {147  if (event.target == modal1988as400) {148    modal1988as400.style.display = "none";149  }150}151/*------------------------------Modal 1989 nextstep------------------------*/152var modal1989nextstep = document.getElementById("modal_1989_nextstep");153var btn1989nextstep = document.getElementById("btn_modal_nextstep_1989");154var span1989nextstep = document.getElementsByClassName("closenextstep1989")[0];155btn1989nextstep.onclick = function() {156  modal1989nextstep.style.display = "block";157}158span1989nextstep.onclick = function() {159  modal1989nextstep.style.display = "none";160}161window.onclick = function(event) {162  if (event.target == modal1989nextstep) {163    modal1989nextstep.style.display = "none";164  }165}166/*------------------------------Modal 1991 apples7------------------------*/167var modal1991apples7 = document.getElementById("modal_1991_apples7");168var btn1991apples7 = document.getElementById("btn_modal_apples7_1991");169var span1991apples7 = document.getElementsByClassName("closeapples71991")[0];170btn1991apples7.onclick = function() {171  modal1991apples7.style.display = "block";172}173span1991apples7.onclick = function() {174  modal1991apples7.style.display = "none";175}176window.onclick = function(event) {177  if (event.target == modal1991apples7) {178    modal1991apples7.style.display = "none";179  }180}181/*------------------------------Modal 1992 windows3------------------------*/182var modal1992windows3 = document.getElementById("modal_1992_windows3");183var btn1992windows3 = document.getElementById("btn_modal_windows3_1992");184var span1992windows3 = document.getElementsByClassName("closewindows31992")[0];185btn1992windows3.onclick = function() {186  modal1992windows3.style.display = "block";187}188span1992windows3.onclick = function() {189  modal1992windows3.style.display = "none";190}191window.onclick = function(event) {192  if (event.target == modal1992windows3) {193    modal1992windows3.style.display = "none";194  }195}196/*------------------------------Modal 1993 pentium------------------------*/197var modal1993pentium = document.getElementById("modal_1993_pentium");198var btn1993pentium = document.getElementById("btn_modal_pentium_1993");199var span1993pentium = document.getElementsByClassName("closepentium1993")[0];200btn1993pentium.onclick = function() {201  modal1993pentium.style.display = "block";202}203span1993pentium.onclick = function() {204  modal1993pentium.style.display = "none";205}206window.onclick = function(event) {207  if (event.target == modal1993pentium) {208    modal1993pentium.style.display = "none";209  }210}211/*------------------------------Modal 1993 windowsnt------------------------*/212var modal1993windowsnt = document.getElementById("modal_1993_windowsnt");213var btn1993windowsnt = document.getElementById("btn_modal_windowsnt_1993");214var span1993windowsnt = document.getElementsByClassName("closewindowsnt1993")[0];215btn1993windowsnt.onclick = function() {216  modal1993windowsnt.style.display = "block";217}218span1993windowsnt.onclick = function() {219  modal1993windowsnt.style.display = "none";220}221window.onclick = function(event) {222  if (event.target == modal1993windowsnt) {223    modal1993windowsnt.style.display = "none";224  }225}226/*------------------------------Modal 1994 powermac------------------------*/227var modal1994powermac = document.getElementById("modal_1994_powermac");228var btn1994powermac = document.getElementById("btn_modal_powermac_1994");229var span1994powermac = document.getElementsByClassName("closepowermac1994")[0];230btn1994powermac.onclick = function() {231  modal1994powermac.style.display = "block";232}233span1994powermac.onclick = function() {234  modal1994powermac.style.display = "none";235}236window.onclick = function(event) {237  if (event.target == modal1994powermac) {238    modal1994powermac.style.display = "none";239  }240}241/*------------------------------Modal 1996 microsoft------------------------*/242var modal1996microsoft = document.getElementById("modal_1996_microsoft");243var btn1996microsoft = document.getElementById("btn_modal_microsoft_1996");244var span1996microsoft = document.getElementsByClassName("closemicrosoft1996")[0];245btn1996microsoft.onclick = function() {246  modal1996microsoft.style.display = "block";247}248span1996microsoft.onclick = function() {249  modal1996microsoft.style.display = "none";250}251window.onclick = function(event) {252  if (event.target == modal1996microsoft) {253    modal1996microsoft.style.display = "none";254  }255}256/*------------------------------Modal 1996 linux------------------------*/257var modal1996linux = document.getElementById("modal_1996_linux");258var btn1996linux = document.getElementById("btn_modal_linux_1996");259var span1996linux = document.getElementsByClassName("closelinux1996")[0];260btn1996linux.onclick = function() {261  modal1996linux.style.display = "block";262}263span1996linux.onclick = function() {264  modal1996linux.style.display = "none";265}266window.onclick = function(event) {267  if (event.target == modal1996linux) {268    modal1996linux.style.display = "none";269  }270}271/*------------------------------Modal 1997 macos8------------------------*/272var modal1997macos8 = document.getElementById("modal_1997_macos8");273var btn1997macos8 = document.getElementById("btn_modal_macos8_1997");274var span1997macos8 = document.getElementsByClassName("closemacos81997")[0];275btn1997macos8.onclick = function() {276  modal1997macos8.style.display = "block";277}278span1997macos8.onclick = function() {279  modal1997macos8.style.display = "none";280}281window.onclick = function(event) {282  if (event.target == modal1997macos8) {283    modal1997macos8.style.display = "none";284  }285}286/*------------------------------Modal 1998 windows98------------------------*/287var modal1998windows98 = document.getElementById("modal_1998_windows98");288var btn1998windows98 = document.getElementById("btn_modal_windows98_1998");289var span1998windows98 = document.getElementsByClassName("closewindows981998")[0];290btn1998windows98.onclick = function() {291  modal1998windows98.style.display = "block";292}293span1998windows98.onclick = function() {294  modal1998windows98.style.display = "none";295}296window.onclick = function(event) {297  if (event.target == modal1998windows98) {298    modal1998windows98.style.display = "none";299  }300}301/*------------------------------Modal 1999 linux22------------------------*/302var modal1999linux22 = document.getElementById("modal_1999_linux22");303var btn1999linux22 = document.getElementById("btn_modal_linux22_1999");304var span1999linux22 = document.getElementsByClassName("closelinux221999")[0];305btn1999linux22.onclick = function() {306  modal1999linux22.style.display = "block";307}308span1999linux22.onclick = function() {309  modal1999linux22.style.display = "none";310}311window.onclick = function(event) {312  if (event.target == modal1999linux22) {313    modal1999linux22.style.display = "none";314  }315}316/*------------------------------Modal 1999 macos9------------------------*/317var modal1999macos9 = document.getElementById("modal_1999_macos9");318var btn1999macos9 = document.getElementById("btn_modal_macos9_1999");319var span1999macos9 = document.getElementsByClassName("closemacos91999")[0];320btn1999macos9.onclick = function() {321  modal1999macos9.style.display = "block";322}323span1999macos9.onclick = function() {324  modal1999macos9.style.display = "none";325}326window.onclick = function(event) {327  if (event.target == modal1999macos9) {328    modal1999macos9.style.display = "none";329  }330}331/*------------------------------Modal 2000 microsoft------------------------*/332var modal2000microsoft = document.getElementById("modal_2000_microsoft");333var btn2000microsoft = document.getElementById("btn_modal_microsoft_2000");334var span2000microsoft = document.getElementsByClassName("closemicrosoft2000")[0];335btn2000microsoft.onclick = function() {336  modal2000microsoft.style.display = "block";337}338span2000microsoft.onclick = function() {339  modal2000microsoft.style.display = "none";340}341window.onclick = function(event) {342  if (event.target == modal2000microsoft) {343    modal2000microsoft.style.display = "none";344  }345}346/*------------------------------Modal 2003 powermac------------------------*/347var modal2003powermac = document.getElementById("modal_2003_powermac");348var btn2003powermac = document.getElementById("btn_modal_powermac_2003");349var span2003powermac = document.getElementsByClassName("closepowermac2003")[0];350btn2003powermac.onclick = function() {351  modal2003powermac.style.display = "block";352}353span2003powermac.onclick = function() {354  modal2003powermac.style.display = "none";355}356window.onclick = function(event) {357  if (event.target == modal2003powermac) {358    modal2003powermac.style.display = "none";359  }360}361/*------------------------------Modal 2004 linux26------------------------*/362var modal2004linux26 = document.getElementById("modal_2004_linux26");363var btn2004linux26 = document.getElementById("btn_modal_linux26_2004");364var span2004linux26 = document.getElementsByClassName("closelinux262004")[0];365btn2004linux26.onclick = function() {366  modal2004linux26.style.display = "block";367}368span2004linux26.onclick = function() {369  modal2004linux26.style.display = "none";370}371window.onclick = function(event) {372  if (event.target == modal2004linux26) {373    modal2004linux26.style.display = "none";374  }375}376/*------------------------------Modal 2006 iexplorer7------------------------*/377var modal2006iexplorer7 = document.getElementById("modal_2006_iexplorer7");378var btn2006iexplorer7 = document.getElementById("btn_modal_iexplorer7_2006");379var span2006iexplorer7 = document.getElementsByClassName("closeiexplorer72006")[0];380btn2006iexplorer7.onclick = function() {381  modal2006iexplorer7.style.display = "block";382}383span2006iexplorer7.onclick = function() {384  modal2006iexplorer7.style.display = "none";385}386window.onclick = function(event) {387  if (event.target == modal2006iexplorer7) {388    modal2006iexplorer7.style.display = "none";389  }390}391/*------------------------------Modal 2006 firefox------------------------*/392var modal2006firefox = document.getElementById("modal_2006_firefox");393var btn2006firefox = document.getElementById("btn_modal_firefox_2006");394var span2006firefox = document.getElementsByClassName("closefirefox2006")[0];395btn2006firefox.onclick = function() {396  modal2006firefox.style.display = "block";397}398span2006firefox.onclick = function() {399  modal2006firefox.style.display = "none";400}401window.onclick = function(event) {402  if (event.target == modal2006firefox) {403    modal2006firefox.style.display = "none";404  }405}406/*------------------------------Modal 2007 vista------------------------*/407var modal2007vista = document.getElementById("modal_2007_vista");408var btn2007vista = document.getElementById("btn_modal_vista_2007");409var span2007vista = document.getElementsByClassName("closevista2007")[0];410btn2007vista.onclick = function() {411  modal2007vista.style.display = "block";412}413span2007vista.onclick = function() {414  modal2007vista.style.display = "none";415}416window.onclick = function(event) {417  if (event.target == modal2007vista) {418    modal2007vista.style.display = "none";419  }420}421/*------------------------------Modal 2007 office------------------------*/422var modal2007office = document.getElementById("modal_2007_office");423var btn2007office = document.getElementById("btn_modal_office_2007");424var span2007office = document.getElementsByClassName("closeoffice2007")[0];425btn2007office.onclick = function() {426  modal2007office.style.display = "block";427}428span2007office.onclick = function() {429  modal2007office.style.display = "none";430}431window.onclick = function(event) {432  if (event.target == modal2007office) {433    modal2007office.style.display = "none";434  }435}436/*------------------------------Modal 2007 macos105------------------------*/437var modal2007macos105 = document.getElementById("modal_2007_macos105");438var btn2007macos105 = document.getElementById("btn_modal_macos105_2007");439var span2007macos105 = document.getElementsByClassName("closemacos1052007")[0];440btn2007macos105.onclick = function() {441  modal2007macos105.style.display = "block";442}443span2007macos105.onclick = function() {444  modal2007macos105.style.display = "none";445}446window.onclick = function(event) {447  if (event.target == modal2007macos105) {448    modal2007macos105.style.display = "none";449  }450}451/*------------------------------Modal 2008 appletv------------------------*/452var modal2008appletv = document.getElementById("modal_2008_appletv");453var btn2008appletv = document.getElementById("btn_modal_appletv_2008");454var span2008appletv = document.getElementsByClassName("closeappletv2008")[0];455btn2008appletv.onclick = function() {456  modal2008appletv.style.display = "block";457}458span2008appletv.onclick = function() {459  modal2008appletv.style.display = "none";460}461window.onclick = function(event) {462  if (event.target == modal2008appletv) {463    modal2008appletv.style.display = "none";464  }465}466/*------------------------------Modal 2008 firefox3------------------------*/467var modal2008firefox3 = document.getElementById("modal_2008_firefox3");468var btn2008firefox3 = document.getElementById("btn_modal_firefox3_2008");469var span2008firefox3 = document.getElementsByClassName("closefirefox32008")[0];470btn2008firefox3.onclick = function() {471  modal2008firefox3.style.display = "block";472}473span2008firefox3.onclick = function() {474  modal2008firefox3.style.display = "none";475}476window.onclick = function(event) {477  if (event.target == modal2008firefox3) {478    modal2008firefox3.style.display = "none";479  }480}481/*------------------------------Modal 2008 openoffice3------------------------*/482var modal2008openoffice3 = document.getElementById("modal_2008_openoffice3");483var btn2008openoffice3 = document.getElementById("btn_modal_openoffice3_2008");484var span2008openoffice3 = document.getElementsByClassName("closeopenoffice32008")[0];485btn2008openoffice3.onclick = function() {486  modal2008openoffice3.style.display = "block";487}488span2008openoffice3.onclick = function() {489  modal2008openoffice3.style.display = "none";490}491window.onclick = function(event) {492  if (event.target == modal2008openoffice3) {493    modal2008openoffice3.style.display = "none";494  }495}496/*------------------------------Modal 2012 windows8------------------------*/497var modal2012windows8 = document.getElementById("modal_2012_windows8");498var btn2012windows8 = document.getElementById("btn_modal_windows8_2012");499var span2012windows8 = document.getElementsByClassName("closewindows82012")[0];500btn2012windows8.onclick = function() {501  modal2012windows8.style.display = "block";502}503span2012windows8.onclick = function() {504  modal2012windows8.style.display = "none";505}506window.onclick = function(event) {507  if (event.target == modal2012windows8) {508    modal2012windows8.style.display = "none";509  }510}511/*------------------------------Modal 2019 lexar------------------------*/512var modal2019lexar = document.getElementById("modal_2019_lexar");513var btn2019lexar = document.getElementById("btn_modal_lexar_2019");514var span2019lexar = document.getElementsByClassName("closelexar2019")[0];515btn2019lexar.onclick = function() {516  modal2019lexar.style.display = "block";517}518span2019lexar.onclick = function() {519  modal2019lexar.style.display = "none";520}521window.onclick = function(event) {522  if (event.target == modal2019lexar) {523    modal2019lexar.style.display = "none";524  }525}526/*------------------------------Modal 2019 google------------------------*/527var modal2019google = document.getElementById("modal_2019_google");528var btn2019google = document.getElementById("btn_modal_google_2019");529var span2019google = document.getElementsByClassName("closegoogle2019")[0];530btn2019google.onclick = function() {531  modal2019google.style.display = "block";532}533span2019google.onclick = function() {534  modal2019google.style.display = "none";535}536window.onclick = function(event) {537  if (event.target == modal2019google) {538    modal2019google.style.display = "none";539  }...

Buttons.js

Source:Buttons.js

...13    <div>14      <button15        className="jumbo"16        id="clear"17        onClick={(e) => onClick(e.target.value)}18        style={clearStyle}19        value="AC"20      >21        AC22      </button>23      <button24        id="divide"25        onClick={(e) => onClick(e.target.value)}26        style={operatorStyle}27        value="/"28      >29        /30      </button>31      <button32        id="multiply"33        onClick={(e) => onClick(e.target.value)}34        style={operatorStyle}35        value="*"36      >37        x38      </button>39      <button id={"seven"} onClick={(e) => onClick(e.target.value)} value="7">40        741      </button>42      <button id={"eight"} onClick={(e) => onClick(e.target.value)} value="8">43        844      </button>45      <button id={"nine"} onClick={(e) => onClick(e.target.value)} value="9">46        947      </button>48      <button49        id="subtract"50        onClick={(e) => onClick(e.target.value)}51        style={operatorStyle}52        value="-"53      >54        -55      </button>56      <button id={"four"} onClick={(e) => onClick(e.target.value)} value="4">57        458      </button>59      <button id={"five"} onClick={(e) => onClick(e.target.value)} value="5">60        561      </button>62      <button id={"six"} onClick={(e) => onClick(e.target.value)} value="6">63        664      </button>65      <button66        id="add"67        onClick={(e) => onClick(e.target.value)}68        style={operatorStyle}69        value="+"70      >71        +72      </button>73      <button id={"one"} onClick={(e) => onClick(e.target.value)} value="1">74        175      </button>76      <button id={"two"} onClick={(e) => onClick(e.target.value)} value="2">77        278      </button>79      <button id={"three"} onClick={(e) => onClick(e.target.value)} value="3">80        381      </button>82      <button83        id={"equals"}84        style={equalsStyle}85        onClick={(e) => onClick(e.target.value)}86        value="="87      >88        =89      </button>90      <button91        className="jumbo"92        id="zero"93        onClick={(e) => onClick(e.target.value)}94        value="0"95      >96        097      </button>98      <button id="decimal" onClick={(e) => onClick(e.target.value)} value=".">99        .100      </button>101    </div>102  );103};104Buttons.propTypes = {105  onClick: PropTypes.func.isRequired106};...

keyPad.js

Source:keyPad.js

2import style from '../App.module.css'3const KeyPad= (props)=> {4    return (5        <div className={style.button}>6            <button name="(" onClick={e => props.onClick(e.target.name)}>(</button>7            <button name=")" onClick={e => props.onClick(e.target.name)}>)</button>8            <button name="CE" onClick={e => props.onClick(e.target.name)}>CE</button>9            <button name="C" onClick={e => props.onClick(e.target.name)}>C</button><br/>10            <button name="1" onClick={e => props.onClick(e.target.name)}>1</button>11            <button name="2" onClick={e => props.onClick(e.target.name)}>2</button>12            <button name="3" onClick={e => props.onClick(e.target.name)}>3</button>13            <button name="+" onClick={e => props.onClick(e.target.name)}>+</button><br/>14            <button name="4" onClick={e => props.onClick(e.target.name)}>4</button>15            <button name="5" onClick={e => props.onClick(e.target.name)}>5</button>16            <button name="6" onClick={e => props.onClick(e.target.name)}>6</button>17            <button name="-" onClick={e => props.onClick(e.target.name)}>-</button><br/>18            <button name="7" onClick={e => props.onClick(e.target.name)}>7</button>19            <button name="8" onClick={e => props.onClick(e.target.name)}>8</button>20            <button name="9" onClick={e => props.onClick(e.target.name)}>9</button>21            <button name="*" onClick={e => props.onClick(e.target.name)}>x</button><br/>22            <button name="." onClick={e => props.onClick(e.target.name)}>.</button>23            <button name="0" onClick={e => props.onClick(e.target.name)}>0</button>24            <button name="=" onClick={e => props.onClick(e.target.name)}>=</button>25            <button name="/" onClick={e => props.onClick(e.target.name)}>Ã·</button><br/>26        </div>27    );28}...

index.js

Source:index.js

1import "./styles.css";2document.getElementById("board").innerHTML = `3<p id="player">Player 1</p>4<table style="width: 30%;">5<tr>6  <th id="11" onclick="myFunction()">-</th>7  <th id="12" onclick="myFunction()">-</th>8  <th id="13" onclick="myFunction()">-</th>9  <th id="14" onclick="myFunction()">-</th>10  <th id="15" onclick="myFunction()">-</th>11</tr>12<tr>13  <th id="21" onclick="myFunction()">-</th>14  <th id="22" onclick="myFunction()">-</th>15  <th id="23" onclick="myFunction()">-</th>16  <th id="24" onclick="myFunction()">-</th>17  <th id="25" onclick="myFunction()">-</th>18</tr>19<tr>20  <th id="31" onclick="myFunction()">-</th>21  <th id="32" onclick="myFunction()">-</th>22  <th id="33" onclick="myFunction()">-</th>23  <th id="34" onclick="myFunction()">-</th>24  <th id="35" onclick="myFunction()">-</th>25</tr>26<tr>27  <th id="41" onclick="myFunction()">-</th>28  <th id="42" onclick="myFunction()">-</th>29  <th id="43" onclick="myFunction()">-</th>30  <th id="44" onclick="myFunction()">-</th>31  <th id="45" onclick="myFunction()">-</th>32</tr>33<tr>34  <th id="51" onclick="myFunction()">-</th>35  <th id="52" onclick="myFunction()">-</th>36  <th id="53" onclick="myFunction()">-</th>37  <th id="54" onclick="myFunction()">-</th>38  <th id="55" onclick="myFunction()">-</th>39</tr>40</table>...

Using AI Code Generation

1const root = document.querySelector('.storybook-root');2root.addEventListener('click', () => {3  console.log('storybook-root element is clicked');4});5const root = document.querySelector('.storybook-preview');6root.addEventListener('click', () => {7  console.log('storybook-preview element is clicked');8});9const root = document.querySelector('.storybook-preview-iframe');10root.addEventListener('click', () => {11  console.log('storybook-preview-iframe element is clicked');12});13const root = document.querySelector('.storybook-preview-wrapper');14root.addEventListener('click', () => {15  console.log('storybook-preview-wrapper element is clicked');16});17const root = document.querySelector('.storybook-preview-iframe');18root.addEventListener('click', () => {19  console.log('storybook-preview-iframe element is clicked');20});21const root = document.querySelector('.storybook-preview-background');22root.addEventListener('click', () => {23  console.log('storybook-preview-background element is clicked');24});25const root = document.querySelector('.storybook-preview-iframe');26root.addEventListener('click', () => {27  console.log('storybook-preview-iframe element is clicked');28});29const root = document.querySelector('.storybook-router');30root.addEventListener('click', () => {31  console.log('storybook-router element is clicked');32});33const root = document.querySelector('.storybook-router-iframe');34root.addEventListener('click', () => {35  console.log('storybook-router-iframe element is clicked');36});37const root = document.querySelector('.storybook-router-background');38root.addEventListener('click', () => {39  console.log('storybook-router-background element is clicked');40});41const root = document.querySelector('.storybook-router-iframe');42root.addEventListener('click', () => {43  console.log('storybook-router-iframe element is clicked');44});45const root = document.querySelector('.storybook-router');46root.addEventListener('click', () => {

Using AI Code Generation

1import { configure } from '@storybook/react';2import { setOptions } from '@storybook/addon-options';3setOptions({4});5const req = require.context('../src', true, /\.stories\.js$/);6function loadStories() {7  req.keys().forEach(filename => req(filename));8}9configure(loadStories, module);10"scripts": {11},12const path = require('path');13module.exports = (baseConfig, env, defaultConfig) => {14  defaultConfig.module.rules.push({15    test: /\.(ts|tsx)$/,16    include: path.resolve(__dirname, '../'),17    loader: require.resolve('ts-loader')18  });19  defaultConfig.resolve.extensions.push('.ts', '.tsx');20  return defaultConfig;21};22import '@storybook/addon-actions/register';23import '@storybook/addon-actions/register';24import '@storybook/addon-knobs/register';25import '@storybook/addon-notes/register';26import '@storybook/addon-options/register';27import '@storybook/addon-viewport/register';28import '@storybook/addon-backgrounds/register';29import '@storybook/addon-links/register';30import '@storybook/addon-storysource/register';31import '@storybook/addon-viewport/register';32import '@storybook/addon-options/register';33import '@storybook/addon-notes/register';34import '@storybook/addon-knobs/register';35import '@storybook/addon-actions/register';

Using AI Code Generation

1import { action } from '@storybook/addon-actions';2export default {3};4export const test = () => {5  const onClick = action('onClick');6  return (7    <div onClick={onClick}>8  );9};10test.story = {11};12import React from 'react';13import { storiesOf } from '@storybook/react';14import Test from './test';15storiesOf('Test', module).add('test', () => <Test />);16import React from 'react';17import { render } from '@testing-library/react';18import Test from './test';19describe('Test', () => {20  it('should render successfully', () => {21    const { baseElement } = render(<Test />);22    expect(baseElement).toBeTruthy();23  });24});25import React from 'react';26import { render } from '@testing-library/react';27import { withInfo } from '@storybook/addon-info';28import { withTests } from '@storybook/addon-jest';29import results from '../../../../../../../.jest-test-results.json';30import Test from './test';31const TestStory = () => <Test />;32storiesOf('Test', module)33  .addDecorator(34    withTests({35    })36  .addDecorator(37    withInfo({38    })39  .add('test', TestStory);40import React from 'react';41import { render } from '@testing-library/react';42import { withInfo } from '@storybook/addon-info';43import { withTests } from '@storybook/addon-jest';44import results from '../../../../../../../.jest-test-results.json';45import Test from './test';46const TestStory = () => <Test />;47storiesOf('Test', module)48  .addDecorator(49    withTests({50    })51  .addDecorator(52    withInfo({53    })54  .add('test', TestStory);55import React from 'react';56import { render } from '@testing-library/react';57import { withInfo } from '@storybook/addon-info';58import { withTests } from '@storybook/add

Using AI Code Generation

1const button = document.querySelector("storybook-root");2button.onClick();3const button = document.querySelector("storybook-root");4button.onClick();5const button = document.querySelector("storybook-root");6button.onClick();7const button = document.querySelector("storybook-root");8button.onClick();9const button = document.querySelector("storybook-root");10button.onClick();11const button = document.querySelector("storybook-root");12button.onClick();13const button = document.querySelector("storybook-root");14button.onClick();15const button = document.querySelector("storybook-root");16button.onClick();17const button = document.querySelector("storybook-root");18button.onClick();19const button = document.querySelector("storybook-root");20button.onClick();21const button = document.querySelector("storybook-root");22button.onClick();23const button = document.querySelector("storybook-root");24button.onClick();25const button = document.querySelector("storybook-root");26button.onClick();27const button = document.querySelector("storybook-root");

Using AI Code Generation

1const button = document.querySelector(".storybook-root button");2button.addEventListener("click", () => {3  console.log("clicked");4});5const button = document.createElement("button");6button.textContent = "Click Me";7button.addEventListener("click", () => {8  console.log("clicked");9});10document.querySelector(".storybook-root").appendChild(button);11const button = document.createElement("button");12button.textContent = "Click Me";13button.addEventListener("click", () => {14  console.log("clicked");15});16document.querySelector(".storybook-root").appendChild(button);17  document.getElementById("btn").addEventListener("click", () => {18    console.log("clicked");19  });20  document.getElementById("btn").addEventListener("click", () => {21    console.log("clicked");22  });23  document.getElementById("btn").addEventListener("click", () => {24    console.log("clicked");25  });26  document.getElementById("btn").addEventListener("click", () => {27    console.log("clicked");28  });29const button = document.createElement("button");30button.textContent = "Click Me";31button.addEventListener("click", () => {32  console.log("clicked");33});34document.querySelector(".storybook-root").appendChild(button);35const button = document.createElement("button");36button.textContent = "Click Me";37button.addEventListener("click", () => {38  console.log("clicked");39});40document.querySelector(".storybook-root").appendChild(button);

Using AI Code Generation

1document.querySelector('.storybook-root').onclick = function() {2    alert('Storybook root was clicked!');3};4import '../test.js';5import { configure } from '@storybook/react';6function loadStories() {7  require('../stories/index.js');8}9configure(loadStories, module);

Using AI Code Generation

1import React from 'react';2import { shallow } from 'enzyme';3import Button from './Button';4describe('Button component', () => {5  it('should render', () => {6    const wrapper = shallow(<Button />);7    expect(wrapper.exists()).toBe(true);8  });9  it('should call onClick method', () => {10    const wrapper = shallow(<Button />);11    wrapper.find('button').simulate('click');12    expect(wrapper.find('button').exists()).toBe(true);13  });14});15import React from 'react';16import { mount } from 'enzyme';17import Button from './Button';18describe('Button component', () => {19  it('should render', () => {20    const wrapper = mount(<Button />);21    expect(wrapper.exists()).toBe(true);22  });23  it('should call onClick method', () => {24    const wrapper = mount(<Button />);25    wrapper.find('button').simulate('click');26    expect(wrapper.find('button').exists()).toBe(true);27  });28});

Using AI Code Generation

1document.getElementById("storybook-root").addEventListener("click", function(){2    document.getElementById("storybook-root").value = "Hello World!";3});4storiesOf("test", module)5    .add("test", () => {6        return (7            <div id="storybook-root" onClick={onClick} value="Hello World!">8        );9    });

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.