How to use window.getComputedStyle method in Cypress

...114						for (var i = 0; i < allbolt.length; i++) {115							var oq = allbolt[i];116							var oql = parseInt(oq.style.left);117							var oqt = parseInt(oq.style.top);118							var oqh = parseInt(window.getComputedStyle(oq).height);119							var oqw = parseInt(window.getComputedStyle(oq).width);120							// console.log(oqt);121							if (tak == true) {122								var demo1_l = parseInt(window123										.getComputedStyle(demo_1).left);124								var demo1_t = parseInt(window125										.getComputedStyle(demo_1).top);126								var demo1_h = parseInt(window127										.getComputedStyle(demo_1).height);128								var demo1_w = parseInt(window129										.getComputedStyle(demo_1).width);130							}131							if (tak1 == true) {132								var demo2_l = parseInt(window133										.getComputedStyle(demo_2).left);134								var demo2_t = parseInt(window135										.getComputedStyle(demo_2).top);136								var demo2_h = parseInt(window137										.getComputedStyle(demo_2).height);138								var demo2_w = parseInt(window139										.getComputedStyle(demo_2).width);140							}141							var wall_l = parseInt(window.getComputedStyle(wall).left);142							var wall_t = parseInt(window.getComputedStyle(wall).top);143							var wall_h = parseInt(window.getComputedStyle(wall).height);144							var wall_w = parseInt(window.getComputedStyle(wall).width);145							146							var wall1_l = parseInt(window.getComputedStyle(wall1).left);147							var wall1_t = parseInt(window.getComputedStyle(wall1).top);148							var wall1_h = parseInt(window.getComputedStyle(wall1).height);149							var wall1_w = parseInt(window.getComputedStyle(wall1).width);150							151							var wall2_l = parseInt(window.getComputedStyle(wall2).left);152							var wall2_t = parseInt(window.getComputedStyle(wall2).top);153							var wall2_h = parseInt(window.getComputedStyle(wall2).height);154							var wall2_w = parseInt(window.getComputedStyle(wall2).width);155							156							var wall3_l = parseInt(window.getComputedStyle(wall3).left);157							var wall3_t = parseInt(window.getComputedStyle(wall3).top);158							var wall3_h = parseInt(window.getComputedStyle(wall3).height);159							var wall3_w = parseInt(window.getComputedStyle(wall3).width);160							161							var wall4_l = parseInt(window.getComputedStyle(wall4).left);162							var wall4_t = parseInt(window.getComputedStyle(wall4).top);163							var wall4_h = parseInt(window.getComputedStyle(wall4).height);164							var wall4_w = parseInt(window.getComputedStyle(wall4).width);165							166							var wall5_l = parseInt(window.getComputedStyle(wall5).left);167							var wall5_t = parseInt(window.getComputedStyle(wall5).top);168							var wall5_h = parseInt(window.getComputedStyle(wall5).height);169							var wall5_w = parseInt(window.getComputedStyle(wall5).width);170							171							var wall6_l = parseInt(window.getComputedStyle(wall6).left);172							var wall6_t = parseInt(window.getComputedStyle(wall6).top);173							var wall6_h = parseInt(window.getComputedStyle(wall6).height);174							var wall6_w = parseInt(window.getComputedStyle(wall6).width);175							176							var wall7_l = parseInt(window.getComputedStyle(wall7).left);177							var wall7_t = parseInt(window.getComputedStyle(wall7).top);178							var wall7_h = parseInt(window.getComputedStyle(wall7).height);179							var wall7_w = parseInt(window.getComputedStyle(wall7).width);180							181							var wall8_l = parseInt(window.getComputedStyle(wall8).left);182							var wall8_t = parseInt(window.getComputedStyle(wall8).top);183							var wall8_h = parseInt(window.getComputedStyle(wall8).height);184							var wall8_w = parseInt(window.getComputedStyle(wall8).width);185							186							var wall_animate1_l = parseInt(window.getComputedStyle(wall_animate1).left);187							var wall_animate1_t = parseInt(window.getComputedStyle(wall_animate1).top);188							var wall_animate1_h = parseInt(window.getComputedStyle(wall_animate1).height);189							var wall_animate1_w = parseInt(window.getComputedStyle(wall_animate1).width);190							191							var wall_animate2_l = parseInt(window.getComputedStyle(wall_animate2).left);192							var wall_animate2_t = parseInt(window.getComputedStyle(wall_animate2).top);193							var wall_animate2_h = parseInt(window.getComputedStyle(wall_animate2).height);194							var wall_animate2_w = parseInt(window.getComputedStyle(wall_animate2).width);195							196							var wall_animate3_l = parseInt(window.getComputedStyle(wall_animate3).left);197							var wall_animate3_t = parseInt(window.getComputedStyle(wall_animate3).top);198							var wall_animate3_h = parseInt(window.getComputedStyle(wall_animate3).height);199							var wall_animate3_w = parseInt(window.getComputedStyle(wall_animate3).width);200							201							202							203							204							var man_l = parseInt(window.getComputedStyle(man).left);205							var man_t = parseInt(window.getComputedStyle(man).top);206							var man_h = parseInt(window.getComputedStyle(man).height);207							var man_w = parseInt(window.getComputedStyle(man).width);208							209							// ground thif210							if (oql + oqw >= demo1_l211									&& oql + oqw <= demo1_l + demo1_w212									&& oqt + oqh > demo1_t213									&& oqt < demo1_t + demo1_h) {214								var die_mp3 = document215										.getElementById("die_mp3");216								die_mp3.play();217								demo_1.style.background = "url(../img/die.gif)";218								if (demo_1.parentNode == tag_big) {219									setTimeout(function(){220										demo_1.parentElement.removeChild(demo_1);221										},400);222									if (in1.value == "") {223										in1.value = 750;224										// console.log(in1.value);225									} else if (in1.value == 750) {226										in1.value = 1500;227									}228									tak = false;229								}230								if (oq.parentNode == tag_big) {231									oq.parentElement.removeChild(oq);232									window.clearInterval(boltgo);233								}234							}235							// sky thif236							if (oql + oqw >= demo2_l237									&& oql + oqw <= demo2_l + demo2_w238									&& oqt + oqh > demo2_t239									&& oqt < demo2_t + demo2_h) {240								var die_mp3 = document241										.getElementById("die_mp3");242								die_mp3.play();243								demo_2.style.background = "url(../img/die.gif)";244								if (demo_2.parentNode == tag_big) {245									setTimeout(function(){246										demo_2.parentElement.removeChild(demo_2);247										},400);248									if (in1.value == "") {249										in1.value = 750;250									} else if (in1.value == 750) {251										in1.value = 1500;252									}253									tak1 = false;254								}255								if (oq.parentNode == tag_big) {256									oq.parentElement.removeChild(oq);257									window.clearInterval(boltgo);258								}259							}260							// wall261							if (oql+oqw/2 > wall_l262									&& oql < wall_l + wall_w263									&& ( oqt+oqh >= wall_t && oqt + oqh <= wall_t + wall_h)) {264								if (oq.parentNode == tag_big) {265									oq.parentElement.removeChild(oq);266									window.clearInterval(boltgo);267								}268							}269							// wall1270							if (oql+oqw/2 >= wall1_l271									&& oql <= wall1_l + wall1_w272									&& (oqt >= wall1_t && oqt <= wall1_t + wall1_h || oqt273											+ oqh >= wall1_t274											&& oqt + oqh <= wall1_t + wall1_h)) {275								if (oq.parentNode == tag_big) {276									oq.parentElement.removeChild(oq);277									window.clearInterval(boltgo);278								}279							}280							// wall2281							if (oql+oqw/2 >= wall2_l282									&& oql <= wall2_l + wall2_w283									&& (oqt >= wall2_t && oqt <= wall2_t + wall2_h || oqt284											+ oqh >= wall2_t285											&& oqt + oqh <= wall2_t + wall2_h)) {286								if (oq.parentNode == tag_big) {287									oq.parentElement.removeChild(oq);288									window.clearInterval(boltgo);289								}290							}291							// wall3292							if (oql+oqw/2 >= wall3_l293									&& oql <= wall3_l + wall3_w294									&& (oqt >= wall3_t && oqt <= wall3_t + wall3_h || oqt295											+ oqh >= wall3_t296											&& oqt + oqh <= wall3_t + wall3_h)) {297								if (oq.parentNode == tag_big) {298									oq.parentElement.removeChild(oq);299									window.clearInterval(boltgo);300								}301							}302							//wall4303							if (oql+oqw/2 >= wall4_l304									&& oql <= wall4_l + wall4_w305									&& (oqt >= wall4_t && oqt <= wall4_t + wall4_h || oqt306											+ oqh >= wall4_t307											&& oqt + oqh <= wall4_t + wall4_h)) {308								if (oq.parentNode == tag_big) {309									oq.parentElement.removeChild(oq);310									window.clearInterval(boltgo);311								}312							}313							//wall5314							if (oql+oqw/2 >= wall5_l315									&& oql <= wall5_l + wall5_w316									&& (oqt >= wall5_t && oqt <= wall5_t + wall5_h || oqt317											+ oqh >= wall5_t318											&& oqt + oqh <= wall5_t + wall5_h)) {319								if (oq.parentNode == tag_big) {320									oq.parentElement.removeChild(oq);321									window.clearInterval(boltgo);322								}323							}324							//wall6325							if (oql+oqw/2 >= wall6_l326									&& oql <= wall6_l + wall6_w327									&& (oqt >= wall6_t && oqt <= wall6_t + wall6_h || oqt328											+ oqh >= wall6_t329											&& oqt + oqh <= wall6_t + wall6_h)) {330								if (oq.parentNode == tag_big) {331									oq.parentElement.removeChild(oq);332									window.clearInterval(boltgo);333								}334							}335							//wall7336							if (oql+oqw/2 >= wall7_l337									&& oql <= wall7_l + wall7_w338									&& (oqt >= wall7_t && oqt <= wall7_t + wall7_h || oqt339											+ oqh >= wall7_t340											&& oqt + oqh <= wall7_t + wall7_h)) {341								if (oq.parentNode == tag_big) {342									oq.parentElement.removeChild(oq);343									window.clearInterval(boltgo);344								}345							}346							//wall8347							if (oql+oqw/2 >= wall8_l348									&& oql <= wall8_l + wall8_w349									&& (oqt >= wall8_t && oqt <= wall8_t + wall8_h || oqt350											+ oqh >= wall8_t351											&& oqt + oqh <= wall8_t + wall8_h)) {352								if (oq.parentNode == tag_big) {353									oq.parentElement.removeChild(oq);354									window.clearInterval(boltgo);355								}356							}357							358							//wall animate 1359							if (oql+oqw/2 >= wall_animate1_l360									&& oql <= wall_animate1_l + wall_animate1_w361									&& (oqt >= wall_animate1_t && oqt <= wall_animate1_t + wall_animate1_h || oqt362											+ oqh >= wall_animate1_t363											&& oqt + oqh <= wall_animate1_t + wall_animate1_h)) {364								if (oq.parentNode == tag_big) {365									oq.parentElement.removeChild(oq);366									window.clearInterval(boltgo);367								}368							}369							370							//wall animate 2371							if (oql+oqw/2 >= wall_animate2_l372									&& oql <= wall_animate2_l + wall_animate2_w373									&& (oqt >= wall_animate2_t && oqt <= wall_animate2_t + wall_animate2_h || oqt374											+ oqh >= wall_animate2_t375											&& oqt + oqh <= wall_animate2_t + wall_animate2_h)) {376								if (oq.parentNode == tag_big) {377									oq.parentElement.removeChild(oq);378									window.clearInterval(boltgo);379								}380							}381							382							//wall animate 2383							if (oql+oqw/2 >= wall_animate3_l384									&& oql <= wall_animate3_l + wall_animate3_w385									&& (oqt >= wall_animate3_t && oqt <= wall_animate3_t + wall_animate3_h || oqt386											+ oqh >= wall_animate3_t387											&& oqt + oqh <= wall_animate3_t + wall_animate3_h)) {388								if (oq.parentNode == tag_big) {389									oq.parentElement.removeChild(oq);390									window.clearInterval(boltgo);391								}392							}393							394							// myself395							console.log(man_l);396							if ((oql > man_l && oql + oqw <= man_l + man_w)397									&& (oqt + oqh >= man_t && oqt + oqh <= man_t398											+ man_h)) {399								if (oq.parentNode == tag_big) {400									oq.parentElement.removeChild(oq);401									window.clearInterval(boltgo);402								}403								var die_mp3 = document404								.getElementById("die_mp3");405						     die_mp3.play();406						     setTimeout(function(){fail2.style.display = "block";},400);						407								go = false;408							}409							if (in1.value == 1500) {410								setTimeout(function(){win.style.display = "block";},2000);411								go = false;412							}413						}414						var mergan_l = document.getElementById("mergen").offsetLeft;// 227415						var oq_l = parseInt(window.getComputedStyle(bolt).left);416						var oq_w = parseInt(window.getComputedStyle(bolt).width);417						var oq_h = parseInt(window.getComputedStyle(bolt).height);418						var oq_t = parseInt(window.getComputedStyle(bolt).top);419						var tag_l = document.getElementById("kvrvnmeyz").offsetLeft;// 467420						var tag_t = document.getElementById("kvrvnmeyz").offsetTop;421						var tag_w = parseInt(window.getComputedStyle(kvrvnmeyz).width);422						var tag_h = parseInt(window.getComputedStyle(kvrvnmeyz).height);// 966423						// console.log(oq_t,tag_t,tag_t,tag_h);424						// ong tarapning kangkip kaytixi425						if (oq_l + oq_w >= tag_w) {426							// console.log("ong tam");427							var ball_mp3 = document.getElementById("ball_mp3");428							ball_mp3.play();429							start_x = Math.min(oq_l, tag_w);430							start_y = oq_t;431							radius = 0;432							bulung1 = 180 - bulung1;433						}434						if (oq_t + tag_t <= tag_t) {435							// console.log("usti tam");436							var ball_mp3 = document.getElementById("ball_mp3");...

...33      .goto(url)34      .click('table tr:nth-child(2) td:nth-child(4)')35      .wait(10)36      .evaluate(function() {37        return window.getComputedStyle(38          document.querySelector('table tr:nth-child(6) td:nth-child(4)')39        ).getPropertyValue("background-color")40      })41      .end()42      .then(function(color) {43        assert(color === YELLOW)44        done()45      })46  })47  it('test disc dropping and colors', function(done) {48    // Player 1's disc is yellow and drops to last free cell in column49    // Player 2's disc is red and when played in same column drops on top50    new Nightmare()51      .goto(url)52      .click('table tr:nth-child(2) td:nth-child(4)')53      .click('table tr:nth-child(2) td:nth-child(4)')54      .wait(100)55      .evaluate(function() {56        return {57          player1CellBgColor: window.getComputedStyle(58            document.querySelector('table tr:nth-child(6) td:nth-child(4)')59          ).getPropertyValue("background-color"),60          player2CellBgColor: window.getComputedStyle(61            document.querySelector('table tr:nth-child(5) td:nth-child(4)')62          ).getPropertyValue("background-color")63        }64      })65      .end()66      .then(function(result) {67        assert(result.player1CellBgColor === YELLOW)68        assert(result.player2CellBgColor === RED)69        done()70      })71  })72  it('test vertical win', function(done) {73    // Player 1 drops all discs in first column74    // Player 2 drops all discs in second column75    new Nightmare()76      .on('console', function(log, msg) {77        logValue += msg78      })79      .goto(url)80      .click('table tr:nth-child(1) td:nth-child(1)')81      .click('table tr:nth-child(1) td:nth-child(2)')82      .click('table tr:nth-child(1) td:nth-child(1)')83      .click('table tr:nth-child(1) td:nth-child(2)')84      .click('table tr:nth-child(1) td:nth-child(1)')85      .click('table tr:nth-child(1) td:nth-child(2)')86      .click('table tr:nth-child(1) td:nth-child(1)')87      .wait(100)88      .evaluate(function() {89        return {90          player1CellBgColors: [91            window.getComputedStyle(92              document.querySelector('table tr:nth-child(6) td:nth-child(1)')93            ).getPropertyValue("background-color"),94            window.getComputedStyle(95              document.querySelector('table tr:nth-child(5) td:nth-child(1)')96            ).getPropertyValue("background-color"),97            window.getComputedStyle(98              document.querySelector('table tr:nth-child(4) td:nth-child(1)')99            ).getPropertyValue("background-color"),100            window.getComputedStyle(101              document.querySelector('table tr:nth-child(3) td:nth-child(1)')102            ).getPropertyValue("background-color")103          ],104          player2CellBgColors: [105            window.getComputedStyle(106              document.querySelector('table tr:nth-child(6) td:nth-child(2)')107            ).getPropertyValue("background-color"),108            window.getComputedStyle(109              document.querySelector('table tr:nth-child(5) td:nth-child(2)')110            ).getPropertyValue("background-color"),111            window.getComputedStyle(112              document.querySelector('table tr:nth-child(4) td:nth-child(2)')113            ).getPropertyValue("background-color")114          ]115        }116      })117      .end()118      .then(function(result) {119        assert(result.player1CellBgColors.every(function(bgColor) {120          return bgColor === YELLOW121        }))122        assert(result.player2CellBgColors.every(function(bgColor) {123          return bgColor === RED124        }))125        assert(logValue === WINNER)126        done()127      })128  })129  it('test horizontal win', function(done) {130    // Players 1 and 2 drop both discs straight across columns131    new Nightmare()132      .on('console', function(log, msg) {133        logValue += msg134      })135      .goto(url)136      .click('table tr:nth-child(1) td:nth-child(1)')137      .click('table tr:nth-child(1) td:nth-child(1)')138      .click('table tr:nth-child(1) td:nth-child(2)')139      .click('table tr:nth-child(1) td:nth-child(2)')140      .click('table tr:nth-child(1) td:nth-child(3)')141      .click('table tr:nth-child(1) td:nth-child(3)')142      .click('table tr:nth-child(1) td:nth-child(4)')143      .wait(100)144      .evaluate(function() {145        return {146          player1CellBgColors: [147            window.getComputedStyle(148              document.querySelector('table tr:nth-child(6) td:nth-child(1)')149            ).getPropertyValue("background-color"),150            window.getComputedStyle(151              document.querySelector('table tr:nth-child(6) td:nth-child(2)')152            ).getPropertyValue("background-color"),153            window.getComputedStyle(154              document.querySelector('table tr:nth-child(6) td:nth-child(3)')155            ).getPropertyValue("background-color"),156            window.getComputedStyle(157              document.querySelector('table tr:nth-child(6) td:nth-child(4)')158            ).getPropertyValue("background-color")159          ],160          player2CellBgColors: [161            window.getComputedStyle(162              document.querySelector('table tr:nth-child(5) td:nth-child(1)')163            ).getPropertyValue("background-color"),164            window.getComputedStyle(165              document.querySelector('table tr:nth-child(5) td:nth-child(2)')166            ).getPropertyValue("background-color"),167            window.getComputedStyle(168              document.querySelector('table tr:nth-child(5) td:nth-child(3)')169            ).getPropertyValue("background-color")170          ]171        }172      })173      .end()174      .then(function(result) {175        assert(result.player1CellBgColors.every(function(bgColor) {176          return bgColor === YELLOW177        }))178        assert(result.player2CellBgColors.every(function(bgColor) {179          return bgColor === RED180        }))181        assert(logValue === WINNER)182        done()183      })184  })185  it('test diagonal win (bottom left to top right)', function(done) {186    new Nightmare()187      .on('console', function(log, msg) {188        logValue += msg189      })190      .goto(url)191      .click('table tr:nth-child(6) td:nth-child(3)')192      .click('table tr:nth-child(6) td:nth-child(4)')193      .click('table tr:nth-child(6) td:nth-child(4)')194      .click('table tr:nth-child(6) td:nth-child(5)')195      .click('table tr:nth-child(6) td:nth-child(6)')196      .click('table tr:nth-child(6) td:nth-child(5)')197      .click('table tr:nth-child(6) td:nth-child(5)')198      .click('table tr:nth-child(6) td:nth-child(6)')199      .click('table tr:nth-child(6) td:nth-child(7)')200      .click('table tr:nth-child(6) td:nth-child(6)')201      .click('table tr:nth-child(6) td:nth-child(6)')202      .wait(100)203      .evaluate(function() {204        return {205          player1CellBgColors: [206            window.getComputedStyle(207              document.querySelector('table tr:nth-child(6) td:nth-child(3)')208            ).getPropertyValue("background-color"),209            window.getComputedStyle(210              document.querySelector('table tr:nth-child(5) td:nth-child(4)')211            ).getPropertyValue("background-color"),212            window.getComputedStyle(213              document.querySelector('table tr:nth-child(4) td:nth-child(5)')214            ).getPropertyValue("background-color"),215            window.getComputedStyle(216              document.querySelector('table tr:nth-child(3) td:nth-child(6)')217            ).getPropertyValue("background-color"),218            window.getComputedStyle(219              document.querySelector('table tr:nth-child(6) td:nth-child(6)')220            ).getPropertyValue("background-color"),221            window.getComputedStyle(222              document.querySelector('table tr:nth-child(6) td:nth-child(7)')223            ).getPropertyValue("background-color")224          ],225          player2CellBgColors: [226            window.getComputedStyle(227              document.querySelector('table tr:nth-child(6) td:nth-child(4)')228            ).getPropertyValue("background-color"),229            window.getComputedStyle(230              document.querySelector('table tr:nth-child(6) td:nth-child(5)')231            ).getPropertyValue("background-color"),232            window.getComputedStyle(233              document.querySelector('table tr:nth-child(5) td:nth-child(5)')234            ).getPropertyValue("background-color"),235            window.getComputedStyle(236              document.querySelector('table tr:nth-child(5) td:nth-child(6)')237            ).getPropertyValue("background-color"),238            window.getComputedStyle(239              document.querySelector('table tr:nth-child(4) td:nth-child(6)')240            ).getPropertyValue("background-color")241          ]242        }243      })244      .end()245      .then(function(result) {246        assert(result.player1CellBgColors.every(function(bgColor) {247          return bgColor === YELLOW248        }))249        assert(result.player2CellBgColors.every(function(bgColor) {250          return bgColor === RED251        }))252        assert(logValue === WINNER)253        done()254      })255  })256  it('test diagonal win (top left to bottom right)', function(done) {257    new Nightmare()258      .on('console', function(log, msg) {259        logValue += msg260      })261      .goto(url)262      .click('table tr:nth-child(6) td:nth-child(7)')263      .click('table tr:nth-child(6) td:nth-child(6)')264      .click('table tr:nth-child(6) td:nth-child(6)')265      .click('table tr:nth-child(6) td:nth-child(5)')266      .click('table tr:nth-child(6) td:nth-child(4)')267      .click('table tr:nth-child(6) td:nth-child(5)')268      .click('table tr:nth-child(6) td:nth-child(5)')269      .click('table tr:nth-child(6) td:nth-child(4)')270      .click('table tr:nth-child(6) td:nth-child(4)')271      .click('table tr:nth-child(6) td:nth-child(3)')272      .click('table tr:nth-child(6) td:nth-child(4)')273      .wait(100)274      .evaluate(function() {275        return {276          player1CellBgColors: [277            window.getComputedStyle(278              document.querySelector('table tr:nth-child(6) td:nth-child(7)')279            ).getPropertyValue("background-color"),280            window.getComputedStyle(281              document.querySelector('table tr:nth-child(5) td:nth-child(6)')282            ).getPropertyValue("background-color"),283            window.getComputedStyle(284              document.querySelector('table tr:nth-child(4) td:nth-child(5)')285            ).getPropertyValue("background-color"),286            window.getComputedStyle(287              document.querySelector('table tr:nth-child(3) td:nth-child(4)')288            ).getPropertyValue("background-color"),289            window.getComputedStyle(290              document.querySelector('table tr:nth-child(4) td:nth-child(4)')291            ).getPropertyValue("background-color"),292            window.getComputedStyle(293              document.querySelector('table tr:nth-child(6) td:nth-child(4)')294            ).getPropertyValue("background-color")295          ],296          player2CellBgColors: [297            window.getComputedStyle(298              document.querySelector('table tr:nth-child(6) td:nth-child(3)')299            ).getPropertyValue("background-color"),300            window.getComputedStyle(301              document.querySelector('table tr:nth-child(6) td:nth-child(5)')302            ).getPropertyValue("background-color"),303            window.getComputedStyle(304              document.querySelector('table tr:nth-child(6) td:nth-child(6)')305            ).getPropertyValue("background-color"),306            window.getComputedStyle(307              document.querySelector('table tr:nth-child(5) td:nth-child(4)')308            ).getPropertyValue("background-color"),309            window.getComputedStyle(310              document.querySelector('table tr:nth-child(5) td:nth-child(5)')311            ).getPropertyValue("background-color")312          ]313        }314      })315      .end()316      .then(function(result) {317        assert(result.player1CellBgColors.every(function(bgColor) {318          return bgColor === YELLOW319        }))320        assert(result.player2CellBgColors.every(function(bgColor) {321          return bgColor === RED322        }))323        assert(logValue === WINNER)324        done()325      })326  })327  it('test dropping of discs', function(done) {328    // Players 1 and 2 drop both discs in the same column.329    // Discs should fill up in alternating colors and not330    // change from extra clicks once full.331    new Nightmare()332      .on('console', function(log, msg) {333        logValue += msg334      })335      .goto(url)336      .click('table tr:nth-child(3) td:nth-child(3)')337      .click('table tr:nth-child(3) td:nth-child(3)')338      .click('table tr:nth-child(3) td:nth-child(3)')339      .click('table tr:nth-child(3) td:nth-child(3)')340      .click('table tr:nth-child(3) td:nth-child(3)')341      .click('table tr:nth-child(3) td:nth-child(3)')342      .click('table tr:nth-child(3) td:nth-child(3)')343      .wait(100)344      .evaluate(function() {345        return {346          player1CellBgColors: [347            window.getComputedStyle(348              document.querySelector('table tr:nth-child(6) td:nth-child(3)')349            ).getPropertyValue("background-color"),350            window.getComputedStyle(351              document.querySelector('table tr:nth-child(4) td:nth-child(3)')352            ).getPropertyValue("background-color"),353            window.getComputedStyle(354              document.querySelector('table tr:nth-child(2) td:nth-child(3)')355            ).getPropertyValue("background-color")356          ],357          player2CellBgColors: [358            window.getComputedStyle(359              document.querySelector('table tr:nth-child(5) td:nth-child(3)')360            ).getPropertyValue("background-color"),361            window.getComputedStyle(362              document.querySelector('table tr:nth-child(3) td:nth-child(3)')363            ).getPropertyValue("background-color"),364            window.getComputedStyle(365              document.querySelector('table tr:nth-child(1) td:nth-child(3)')366            ).getPropertyValue("background-color")367          ]368        }369      })370      .end()371      .then(function(result) {372        assert(result.player1CellBgColors.every(function(bgColor) {373          return bgColor === YELLOW374        }))375        assert(result.player2CellBgColors.every(function(bgColor) {376          return bgColor === RED377        }))378        assert(logValue === '')...

...26flexitem.style.webkitFlexOrder = '';27shouldBeEqualToString('flexitem.style.webkitFlexOrder', '');28shouldBeEqualToString('flexbox.style.webkitFlexPack', '');29// The initial value is 'start'.30shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexPack', 'start');31flexbox.style.webkitFlexPack = 'foo';32shouldBeEqualToString('flexbox.style.webkitFlexPack', '');33flexbox.style.webkitFlexPack = 'start';34shouldBeEqualToString('flexbox.style.webkitFlexPack', 'start');35shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexPack', 'start');36flexbox.style.webkitFlexPack = 'end';37shouldBeEqualToString('flexbox.style.webkitFlexPack', 'end');38shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexPack', 'end');39flexbox.style.webkitFlexPack = 'center';40shouldBeEqualToString('flexbox.style.webkitFlexPack', 'center');41shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexPack', 'center');42flexbox.style.webkitFlexPack = 'justify';43shouldBeEqualToString('flexbox.style.webkitFlexPack', 'justify');44shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexPack', 'justify');45flexbox.style.webkitFlexPack = '';46shouldBeEqualToString('flexbox.style.webkitFlexPack', '');47shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexPack', 'start');48shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', '');49// The initial value is 'stretch'.50shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexItemAlign', 'stretch');51flexbox.style.webkitFlexItemAlign = 'foo';52shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', '');53flexbox.style.webkitFlexItemAlign = 'auto';54shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', 'auto');55shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexItemAlign', 'stretch');56flexbox.style.webkitFlexItemAlign = 'start';57shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', 'start');58shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexItemAlign', 'start');59flexbox.style.webkitFlexItemAlign = 'end';60shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', 'end');61shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexItemAlign', 'end');62flexbox.style.webkitFlexItemAlign = 'center';63shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', 'center');64shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexItemAlign', 'center');65flexbox.style.webkitFlexItemAlign = 'stretch';66shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', 'stretch');67shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexItemAlign', 'stretch');68flexbox.style.webkitFlexItemAlign = 'baseline';69shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', 'baseline');70shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexItemAlign', 'baseline');71flexbox.style.webkitFlexItemAlign = '';72shouldBeEqualToString('flexbox.style.webkitFlexItemAlign', '');73shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexItemAlign', 'stretch');74shouldBeEqualToString('flexbox.style.webkitFlexAlign', '');75// The initial value is 'stretch'.76shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'stretch');77shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'stretch');78flexbox.style.webkitFlexAlign = 'foo';79shouldBeEqualToString('flexbox.style.webkitFlexAlign', '');80flexbox.style.webkitFlexAlign = 'auto';81shouldBeEqualToString('flexbox.style.webkitFlexAlign', '');82shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'stretch');83shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'stretch');84flexbox.style.webkitFlexAlign = 'start';85shouldBeEqualToString('flexbox.style.webkitFlexAlign', 'start');86shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'start');87shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'start');88flexbox.style.webkitFlexAlign = 'end';89shouldBeEqualToString('flexbox.style.webkitFlexAlign', 'end');90shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'end');91shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'end');92flexbox.style.webkitFlexAlign = 'center';93shouldBeEqualToString('flexbox.style.webkitFlexAlign', 'center');94shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'center');95shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'center');96flexbox.style.webkitFlexAlign = 'stretch';97shouldBeEqualToString('flexbox.style.webkitFlexAlign', 'stretch');98shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'stretch');99shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'stretch');100flexbox.style.webkitFlexAlign = 'baseline';101shouldBeEqualToString('flexbox.style.webkitFlexAlign', 'baseline');102shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'baseline');103shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'baseline');104flexbox.style.webkitFlexAlign = '';105shouldBeEqualToString('flexbox.style.webkitFlexAlign', '');106shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'stretch');107shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'stretch');108flexbox.style.display = 'none';109shouldBeEqualToString('flexbox.style.webkitFlexAlign', '');110shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexAlign', 'stretch');111shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitFlexItemAlign', 'stretch');112flexbox.style.display = '';113// FIXME: This should probably return stretch. See https://bugs.webkit.org/show_bug.cgi?id=14563.114var detachedFlexbox = document.createElement('div');115var detachedFlexItem = document.createElement('div');116detachedFlexbox.appendChild(detachedFlexItem);117shouldBeEqualToString('window.getComputedStyle(detachedFlexbox, null).webkitFlexItemAlign', '');118shouldBeEqualToString('window.getComputedStyle(detachedFlexItem, null).webkitFlexItemAlign', '');119shouldBeEqualToString('flexbox.style.webkitFlexDirection', '');120shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexDirection', 'row');121flexbox.style.webkitFlexDirection = 'foo';122shouldBeEqualToString('flexbox.style.webkitFlexDirection', '');123flexbox.style.webkitFlexDirection = 'row';124shouldBeEqualToString('flexbox.style.webkitFlexDirection', 'row');125shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexDirection', 'row');126flexbox.style.webkitFlexDirection = 'row-reverse';127shouldBeEqualToString('flexbox.style.webkitFlexDirection', 'row-reverse');128shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexDirection', 'row-reverse');129flexbox.style.webkitFlexDirection = 'column';130shouldBeEqualToString('flexbox.style.webkitFlexDirection', 'column');131shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexDirection', 'column');132flexbox.style.webkitFlexDirection = 'column-reverse';133shouldBeEqualToString('flexbox.style.webkitFlexDirection', 'column-reverse');134shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexDirection', 'column-reverse');135shouldBeEqualToString('flexbox.style.webkitFlexWrap', '');136// The initial value is 'stretch'.137shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexWrap', 'nowrap');138flexbox.style.webkitFlexWrap = 'foo';139shouldBeEqualToString('flexbox.style.webkitFlexWrap', '');140flexbox.style.webkitFlexWrap = 'nowrap';141shouldBeEqualToString('flexbox.style.webkitFlexWrap', 'nowrap');142shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexWrap', 'nowrap');143flexbox.style.webkitFlexWrap = 'wrap';144shouldBeEqualToString('flexbox.style.webkitFlexWrap', 'wrap');145shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexWrap', 'wrap');146flexbox.style.webkitFlexWrap = 'wrap-reverse';147shouldBeEqualToString('flexbox.style.webkitFlexWrap', 'wrap-reverse');148shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexWrap', 'wrap-reverse');149flexbox.style.webkitFlexFlow = '';150shouldBeEqualToString('flexbox.style.webkitFlexFlow', '');151shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexFlow', 'row nowrap');152flexbox.style.webkitFlexFlow = 'foo';153shouldBeEqualToString('flexbox.style.webkitFlexFlow', '');154function testFlexFlowValue(value, expected, expectedComputed)155{156    flexbox.style.webkitFlexFlow = value;157    shouldBeEqualToString('flexbox.style.webkitFlexFlow', expected.replace(/^ /, '').replace(/ $/, ''));158    shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexFlow', expectedComputed);159}160var directions = ['', 'row', 'row-reverse', 'column', 'column-reverse'];161var wraps = ['', 'nowrap', 'wrap', 'wrap-reverse'];162directions.forEach(function(direction) {163    wraps.forEach(function(wrap) {164        var expectedComputed = (direction || 'row') + ' ' + (wrap || 'nowrap');165        var expected = direction + ' ' + wrap;166        testFlexFlowValue(direction + ' ' + wrap, expected, expectedComputed);167        testFlexFlowValue(wrap + ' ' + direction, expected, expectedComputed);168    });169});170flexbox.style.webkitFlexFlow = '';171shouldBeEqualToString('flexbox.style.webkitFlexFlow', '');172flexbox.style.webkitFlexFlow = 'wrap wrap-reverse';173shouldBeEqualToString('flexbox.style.webkitFlexFlow', '');174flexbox.style.webkitFlexFlow = 'column row';175shouldBeEqualToString('flexbox.style.webkitFlexFlow', '');176flexbox.style.webkitFlexFlow = '';177shouldBeEqualToString('flexbox.style.webkitFlexFlow', '');178shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexFlow', 'row nowrap');179flexbox.style.webkitFlexDirection = 'column';180shouldBeEqualToString('flexbox.style.webkitFlexFlow', 'column');181shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexFlow', 'column nowrap');182flexbox.style.webkitFlexWrap = 'wrap';183shouldBeEqualToString('flexbox.style.webkitFlexFlow', 'column wrap');184shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexFlow', 'column wrap');185flexbox.style.webkitFlexFlow = 'row-reverse wrap-reverse';186shouldBeEqualToString('flexbox.style.webkitFlexFlow', 'row-reverse wrap-reverse');187shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitFlexFlow', 'row-reverse wrap-reverse');...

...18let a2;19function moveHimRight(){20  dino=document.querySelector(".dino");21  dino.classList.remove("dino-left");22  dinoX=parseInt(window.getComputedStyle(dino,null).getPropertyValue("left"));23  dino.style.left=dinoX+10+"px";24  if(parseInt(window.getComputedStyle(dino,null).getPropertyValue("right"))<=-10){25    // setTimeout(function(){26    //   dino.style.left=0;27    // },100);28    dino.style.left=0;29  }30  ////console.log("value of right ",window.getComputedStyle(dino,null).getPropertyValue("right"));31}32function moveHimleft(){33  dino=document.querySelector(".dino");34  dino.classList.add("dino-left");35  dinoX=parseInt(window.getComputedStyle(dino,null).getPropertyValue("left"));36  dino.style.left=dinoX-10+"px";37  if(parseInt(window.getComputedStyle(dino,null).getPropertyValue("left"))<=-10){38    // setTimeout(function(){39    //   dino.style.left=0;40    // },100);41    dino.style.left=1080+"px";42  }43  //console.log("value of right ",window.getComputedStyle(dino,null).getPropertyValue("left"));44  // //console.log(dinoX);45}46function continueMoveRight(){47  a1=setInterval(moveHimRight,1000);48}49function continueMoveLeft(){50  a2=setInterval(moveHimleft,1000);51}52document.querySelector("body").addEventListener("keypress",function(event){53  let key=event.key;54  console.log(event);55  if(key=='ArrowRight'){56    continueMoveRight();57  }58  else if(key=='ArrowLeft'){59    continueMoveLeft();60  }61   /*if(key=='ArrowRight'){62    dino=document.querySelector(".dino");63    dino.classList.remove("dino-left");64    dinoX=parseInt(window.getComputedStyle(dino,null).getPropertyValue("left"));65    dino.style.left=dinoX+10+"px";66    if(parseInt(window.getComputedStyle(dino,null).getPropertyValue("right"))<=-10){67      // setTimeout(function(){68      //   dino.style.left=0;69      // },100);70      dino.style.left=0;71    }72    //console.log("value of right ",window.getComputedStyle(dino,null).getPropertyValue("right"));73  }74  else if(key=='ArrowLeft'){75    dino=document.querySelector(".dino");76    dino.classList.add("dino-left");77    dinoX=parseInt(window.getComputedStyle(dino,null).getPropertyValue("left"));78    dino.style.left=dinoX-10+"px";79    if(parseInt(window.getComputedStyle(dino,null).getPropertyValue("left"))<=-10){80      // setTimeout(function(){81      //   dino.style.left=0;82      // },100);83      dino.style.left=1080+"px";84    }85    //console.log("value of right ",window.getComputedStyle(dino,null).getPropertyValue("left"));86    // //console.log(dinoX);87  }*/88});89document.querySelector("body").addEventListener("keyup",function(event){90  let key=event.key;91  if(key=='ArrowRight'){92    //alert('upp');93    clearInterval(a1);94  }95  else if(key=='ArrowLeft'){96    clearInterval(a2);97  }98});99setInterval(function(){100  dino=document.querySelector(".dino");101  drago=document.querySelector(".monster")102  dinoX=parseInt(window.getComputedStyle(dino,null).getPropertyValue("left"));103  dragoX=parseInt(window.getComputedStyle(drago,null).getPropertyValue("left"));104  dinoY=parseInt(window.getComputedStyle(dino,null).getPropertyValue("bottom"));105  dragoY=parseInt(window.getComputedStyle(drago,null).getPropertyValue("bottom"));106  offsetX=Math.abs(dragoX-dinoX);107  offsetY=Math.abs(dragoY-dinoY);108  //console.log("offsetx "+offsetX+" offsetY "+offsetY);109  if(offsetX<=80&&offsetY<=20){110    //game over is here111    //alert("game over");112  }...

...19          // }20          $scope.logined = !$scope.logined;21        }22      }23      expect(window.getComputedStyle(dom.p2)['display']).toEqual('none');24      expect(window.getComputedStyle(dom.p3)['display']).toEqual('block');25      expect(window.getComputedStyle(dom.p4)['display']).toEqual('none');26      setTimeout(function(){27        $scope.count = 2;28        $scope.node={num:2}29        expect(window.getComputedStyle(dom.p)['display']).toEqual('none');30        expect(window.getComputedStyle(dom.table)['display']).toEqual('none');31        expect(window.getComputedStyle(dom.li)['display']).toEqual('none');32        setTimeout(function(){33          expect(window.getComputedStyle(dom.p2)['display']).toEqual('block');34          expect(window.getComputedStyle(dom.p3)['display']).toEqual('none');35          done();36        }, 0);37      }, 0);38      $scope.logined = false;39    });40  });41  it('切换可见状态', function(done){42    setTimeout(function(){43        expect(window.getComputedStyle(dom.p)['display']).toEqual('block');44        expect(window.getComputedStyle(dom.table)['display']).toEqual('table');45        expect(window.getComputedStyle(dom.li)['display']).toEqual('list-item');46        done();47    }, 1000);48    beacon(dom.p).on('click');49  })50  it('切换隐藏状态', function(done){51    setTimeout(function(){52      expect(window.getComputedStyle(dom.p)['display']).toEqual('none');53      expect(window.getComputedStyle(dom.table)['display']).toEqual('none');54      expect(window.getComputedStyle(dom.li)['display']).toEqual('none');55      done();56    }, 1000);57    beacon(dom.p).on('click');58  })...

...15        }, 700);16    }17    if (e.keyCode == 39) {18        dino = document.querySelector('.dino');19        dinoX = parseInt(window.getComputedStyle(dino, null).getPropertyValue('left'));20        dino.style.left = dinoX + 113 + "px";21    }22    if (e.keyCode == 37) {23        dino = document.querySelector('.dino');24        dinoX = parseInt(window.getComputedStyle(dino, null).getPropertyValue('left'));25        dino.style.left = (dinoX - 113) + "px";26    }27    setInterval(() => {28        dino = document.querySelector('.dino');29        gameOver = document.querySelector('.gameOver');30        obstacle = document.querySelector('.obstacle');31        dx = parseInt(window.getComputedStyle(dino, null).getPropertyValue('left'));32        dy = parseInt(window.getComputedStyle(dino, null).getPropertyValue('top'));33        ox = parseInt(window.getComputedStyle(obstacle, null).getPropertyValue('left'));34        oy = parseInt(window.getComputedStyle(obstacle, null).getPropertyValue('top'));35        offsetX = Math.abs(dx - ox);36        offsetY = Math.abs(dy - oy);37        if (offsetX < 93 && offsetY < 52) {38            gameOver.style.visibility = 'visible';39            obstacle.classList.remove('obstacleAni')40            audiogo.play();41            audio.pause();42        }43        else if (offsetX < 145 && cross) {44            score += 1;45            updateScore(score);46            cross = false;47            setTimeout(() => {48                cross = true;49            }, 1000);50            //to inncrease obstacle duration....float is for exact value51            setTimeout(() => {52                aniDur = parseFloat(window.getComputedStyle(obstacle, null).getPropertyValue('animation-duration'));53                newDur = aniDur - 0.1;54                obstacle.style.animationDuration = newDur + 's';55            }, 500);56        }57    }, 10);58    function updateScore(score) {59        scoreCont.innerHTML = "Your Score:" + score60    }...

...1213(function () {14    function noWhiteBackgroundColor() {15        function changeBackgroundColor(x)  {16            var backgroundColorRGB=window.getComputedStyle(x,null).backgroundColor;17            if(backgroundColorRGB!="transparent")  {18                var RGBValuesArray = backgroundColorRGB.match(/\d+/g);19                var red = RGBValuesArray[0];20                var green = RGBValuesArray[1];21                var blue = RGBValuesArray[2];22                if (red>=240&&red<=255&&green>=240&&green<=255&&blue>=240&&blue<=255)  {23                    x.style.backgroundColor="#cce8cf";}24                }25            }26        var allElements=document.getElementsByTagName("*");27        for(var i=0; i<allElements.length; i++)  {28            changeBackgroundColor(allElements[i]);}29    }30	window.addEventListener("DOMContentLoaded",noWhiteBackgroundColor, false);31})() ; 3233/* javascript:(function(){34        for(var i=0; i<document.getElementsByTagName("*").length; i++)35            if(window.getComputedStyle(document.getElementsByTagName("*")[i],null).backgroundColor!="transparent")               36				if (window.getComputedStyle(document.getElementsByTagName("*")[i],null).backgroundColor.match(/\d+/g)[0]>=240&&window.getComputedStyle(document.getElementsByTagName("*")[i],null).backgroundColor.match(/\d+/g)[0]<=255&&window.getComputedStyle(document.getElementsByTagName("*")[i],null).backgroundColor.match(/\d+/g)[1]>=240&&window.getComputedStyle(document.getElementsByTagName("*")[i],null).backgroundColor.match(/\d+/g)[1]<=255&&window.getComputedStyle(document.getElementsByTagName("*")[i],null).backgroundColor.match(/\d+/g)[2]>=240&&window.getComputedStyle(document.getElementsByTagName("*")[i],null).backgroundColor.match(/\d+/g)[2]<=255)37                    document.getElementsByTagName("*")[i].style.backgroundColor="#cce8cf";
...

1description("HTMLHeaderElement color and noshade attribute test");2shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement1'),null).getPropertyValue('border-color')","rgb(255, 0, 0)");3shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement1'),null).getPropertyValue('background-color')","rgb(255, 0, 0)");4shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement2'),null).getPropertyValue('border-color')","rgb(0, 0, 255)");5shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement2'),null).getPropertyValue('background-color')","rgb(0, 0, 255)");6shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement3'),null).getPropertyValue('border-color')","rgb(0, 0, 0)");7shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement3'),null).getPropertyValue('background-color')","rgb(0, 0, 0)");8shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement4'),null).getPropertyValue('border-color')","rgb(128, 128, 128)");9shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement4'),null).getPropertyValue('background-color')","rgb(128, 128, 128)");10document.getElementById('hrElement5').setAttribute('color','yellow');11document.getElementById('hrElement5').setAttribute('noshade', '');12shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement5'),null).getPropertyValue('border-color')","rgb(255, 255, 0)");13shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement5'),null).getPropertyValue('background-color')","rgb(255, 255, 0)");14document.getElementById('hrElement6').setAttribute('noshade', '');15document.getElementById('hrElement6').setAttribute('color','green');16shouldBeEqualToString("window.getComputedStyle(document.getElementById('hrElement6'),null).getPropertyValue('border-color')","rgb(0, 128, 0)");...