How to use element.clear method in Appium

Best JavaScript code snippet using appium

decent-sticky-spec.js

Source:decent-sticky-spec.js Github

copy

Full Screen

1describe("DecentSticky: Creating and showing sticky notes.", function() {2  describe("DecentSticky.getPotentialLocations: Determining possible areas in which the sticky can reside.", function() {3    describe("when the target object is smallish", function() {4      it("returns the correct location to the top", function() {5        var result = DecentSticky.getPotentialLocations(100, 110, 110, 100, 50, 200);6        expect(result[0]).toEqual(jasmine.objectContaining({7          top: 40,8          right: 205,9          left: 5,10          bottom: 9011        }));12      });13      it("returns the correct location to the right", function() {14        var result = DecentSticky.getPotentialLocations(100, 110, 110, 100, 50, 200);15        expect(result[3]).toEqual(jasmine.objectContaining({16          top: 80,17          right: 320,18          left: 120,19          bottom: 13020        }));21      });22      it("returns the correct location to the bottom", function() {23        var result = DecentSticky.getPotentialLocations(100, 110, 110, 100, 50, 200);24        expect(result[6]).toEqual(jasmine.objectContaining({25          top: 120,26          right: 205,27          left: 5,28          bottom: 17029        }));30      });31      it("returns the correct location to the left", function() {32        var result = DecentSticky.getPotentialLocations(100, 110, 110, 100, 50, 200);33        expect(result[7]).toEqual(jasmine.objectContaining({34          top: 80,35          right: 90,36          left: -110,37          bottom: 13038        }));39      });40    });41  });42});43describe("DecentStickyAction: Representing sticky note actions.", function() {44  describe("contravenes: determining when two actions contravene each other", function() {45    var oneAction, anotherAction,46    oneElement, anotherElement,47    testSubject = function() {48      return oneAction.contravenes(anotherAction);49    };50    describe("when the actions have to do with the same element", function() {51      beforeEach(function() {52        oneElement = affix('#div').get(0);53        anotherElement = oneElement;54      });55      describe("when one action is clearing", function() {56        beforeEach(function() {57          oneAction = new DecentStickyAction(function() {}, oneElement, 'clear');58        });59        describe("when the other action is clearing", function() {60          beforeEach(function() {61            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');62          });63          it("doesn't contravene", function() {64            expect(testSubject()).not.toBeTruthy();65          });66        });67        describe("when the other action is hiding", function() {68          beforeEach(function() {69            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');70          });71          it("doesn't contravene", function() {72            expect(testSubject()).not.toBeTruthy();73          });74        });75        describe("when the other action is showing", function() {76          beforeEach(function() {77            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');78          });79          it("contravenes", function() {80            expect(testSubject()).toBeTruthy();81          });82        });83      });84      describe("when one action is hiding", function() {85        beforeEach(function() {86          oneAction = new DecentStickyAction(function() {}, oneElement, 'hide');87        });88        describe("when the other action is clearing", function() {89          beforeEach(function() {90            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');91          });92          it("doesn't contravene", function() {93            expect(testSubject()).not.toBeTruthy();94          });95        });96        describe("when the other action is hiding", function() {97          beforeEach(function() {98            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');99          });100          it("doesn't contravene", function() {101            expect(testSubject()).not.toBeTruthy();102          });103        });104        describe("when the other action is showing", function() {105          beforeEach(function() {106            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');107          });108          it("contravenes", function() {109            expect(testSubject()).toBeTruthy();110          });111        });112      });113      describe("when one action is showing", function() {114        beforeEach(function() {115          oneAction = new DecentStickyAction(function() {}, oneElement, 'show');116        });117        describe("when the other action is clearing", function() {118          beforeEach(function() {119            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');120          });121          it("contravenes", function() {122            expect(testSubject()).toBeTruthy();123          });124        });125        describe("when the other action is hiding", function() {126          beforeEach(function() {127            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');128          });129          it("contravenes", function() {130            expect(testSubject()).toBeTruthy();131          });132        });133        describe("when the other action is showing", function() {134          beforeEach(function() {135            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');136          });137          it("doesn't contravene", function() {138            expect(testSubject()).not.toBeTruthy();139          });140        });141      });142    });143    describe("when the actions have to do with different elements", function() {144      beforeEach(function() {145        oneElement = affix('#div').get(0);146        anotherElement = affix('#div').get(0);147      });148      describe("when one action is clearing", function() {149        beforeEach(function() {150          oneAction = new DecentStickyAction(function() {}, oneElement, 'clear');151        });152        describe("when the other action is clearing", function() {153          beforeEach(function() {154            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');155          });156          it("doesn't contravene", function() {157            expect(testSubject()).not.toBeTruthy();158          });159        });160        describe("when the other action is hiding", function() {161          beforeEach(function() {162            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');163          });164          it("doesn't contravene", function() {165            expect(testSubject()).not.toBeTruthy();166          });167        });168        describe("when the other action is showing", function() {169          beforeEach(function() {170            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');171          });172          it("doesn't contravene", function() {173            expect(testSubject()).not.toBeTruthy();174          });175        });176      });177      describe("when one action is hiding", function() {178        beforeEach(function() {179          oneAction = new DecentStickyAction(function() {}, oneElement, 'hide');180        });181        describe("when the other action is clearing", function() {182          beforeEach(function() {183            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');184          });185          it("doesn't contravene", function() {186            expect(testSubject()).not.toBeTruthy();187          });188        });189        describe("when the other action is hiding", function() {190          beforeEach(function() {191            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');192          });193          it("doesn't contravene", function() {194            expect(testSubject()).not.toBeTruthy();195          });196        });197        describe("when the other action is showing", function() {198          beforeEach(function() {199            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');200          });201          it("doesn't contravene", function() {202            expect(testSubject()).not.toBeTruthy();203          });204        });205      });206      describe("when one action is showing", function() {207        beforeEach(function() {208          oneAction = new DecentStickyAction(function() {}, oneElement, 'show');209        });210        describe("when the other action is clearing", function() {211          beforeEach(function() {212            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');213          });214          it("doesn't contravene", function() {215            expect(testSubject()).not.toBeTruthy();216          });217        });218        describe("when the other action is hiding", function() {219          beforeEach(function() {220            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');221          });222          it("doesn't contravene", function() {223            expect(testSubject()).not.toBeTruthy();224          });225        });226        describe("when the other action is showing", function() {227          beforeEach(function() {228            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');229          });230          it("doesn't contravene", function() {231            expect(testSubject()).not.toBeTruthy();232          });233        });234      });235    });236  });237  describe("equals: determining when two actions equal each other", function() {238    var oneAction, anotherAction,239    oneElement, anotherElement,240    testSubject = function() {241      return oneAction.equals(anotherAction);242    };243    describe("when the actions have to do with the same element", function() {244      beforeEach(function() {245        oneElement = affix('#div').get(0);246        anotherElement = oneElement;247      });248      describe("when one action is clearing", function() {249        beforeEach(function() {250          oneAction = new DecentStickyAction(function() {}, oneElement, 'clear');251        });252        describe("when the other action is clearing", function() {253          beforeEach(function() {254            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');255          });256          it("equals", function() {257            expect(testSubject).toBeTruthy();258          });259        });260        describe("when the other action is hiding", function() {261          beforeEach(function() {262            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');263          });264          it("doesn't equal", function() {265            expect(testSubject()).not.toBeTruthy();266          });267        });268        describe("when the other action is showing", function() {269          beforeEach(function() {270            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');271          });272          it("doesn't equal", function() {273            expect(testSubject()).not.toBeTruthy();274          });275        });276      });277      describe("when one action is hiding", function() {278        beforeEach(function() {279          oneAction = new DecentStickyAction(function() {}, oneElement, 'hide');280        });281        describe("when the other action is clearing", function() {282          beforeEach(function() {283            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');284          });285          it("doesn't equal", function() {286            expect(testSubject()).not.toBeTruthy();287          });288        });289        describe("when the other action is hiding", function() {290          beforeEach(function() {291            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');292          });293          it("equals", function() {294            expect(testSubject).toBeTruthy();295          });296        });297        describe("when the other action is showing", function() {298          beforeEach(function() {299            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');300          });301          it("doesn't equal", function() {302            expect(testSubject()).not.toBeTruthy();303          });304        });305      });306      describe("when one action is showing", function() {307        beforeEach(function() {308          oneAction = new DecentStickyAction(function() {}, oneElement, 'show');309        });310        describe("when the other action is clearing", function() {311          beforeEach(function() {312            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');313          });314          it("doesn't equal", function() {315            expect(testSubject()).not.toBeTruthy();316          });317        });318        describe("when the other action is hiding", function() {319          beforeEach(function() {320            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');321          });322          it("doesn't equal", function() {323            expect(testSubject()).not.toBeTruthy();324          });325        });326        describe("when the other action is showing", function() {327          beforeEach(function() {328            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');329          });330          it("equals", function() {331            expect(testSubject).toBeTruthy();332          });333        });334      });335    });336    describe("when the actions have to do with different elements", function() {337      beforeEach(function() {338        oneElement = affix('#div').get(0);339        anotherElement = affix('#div').get(0);340      });341      describe("when one action is clearing", function() {342        beforeEach(function() {343          oneAction = new DecentStickyAction(function() {}, oneElement, 'clear');344        });345        describe("when the other action is clearing", function() {346          beforeEach(function() {347            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');348          });349          it("doesn't equal", function() {350            expect(testSubject()).not.toBeTruthy();351          });352        });353        describe("when the other action is hiding", function() {354          beforeEach(function() {355            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');356          });357          it("doesn't equal", function() {358            expect(testSubject()).not.toBeTruthy();359          });360        });361        describe("when the other action is showing", function() {362          beforeEach(function() {363            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');364          });365          it("doesn't equal", function() {366            expect(testSubject()).not.toBeTruthy();367          });368        });369      });370      describe("when one action is hiding", function() {371        beforeEach(function() {372          oneAction = new DecentStickyAction(function() {}, oneElement, 'hide');373        });374        describe("when the other action is clearing", function() {375          beforeEach(function() {376            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');377          });378          it("doesn't equal", function() {379            expect(testSubject()).not.toBeTruthy();380          });381        });382        describe("when the other action is hiding", function() {383          beforeEach(function() {384            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');385          });386          it("doesn't equal", function() {387            expect(testSubject()).not.toBeTruthy();388          });389        });390        describe("when the other action is showing", function() {391          beforeEach(function() {392            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');393          });394          it("doesn't equal", function() {395            expect(testSubject()).not.toBeTruthy();396          });397        });398      });399      describe("when one action is showing", function() {400        beforeEach(function() {401          oneAction = new DecentStickyAction(function() {}, oneElement, 'show');402        });403        describe("when the other action is clearing", function() {404          beforeEach(function() {405            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'clear');406          });407          it("doesn't equal", function() {408            expect(testSubject()).not.toBeTruthy();409          });410        });411        describe("when the other action is hiding", function() {412          beforeEach(function() {413            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'hide');414          });415          it("doesn't equal", function() {416            expect(testSubject()).not.toBeTruthy();417          });418        });419        describe("when the other action is showing", function() {420          beforeEach(function() {421            anotherAction = new DecentStickyAction(function() {}, anotherElement, 'show');422          });423          it("doesn't equal", function() {424            expect(testSubject()).not.toBeTruthy();425          });426        });427      });428    });429  });430});431describe("DecentStickyLocation: Representing the locations of sticky notes.", function() {432  describe("DecentStickyLocation.overlapsWith: Determining whether two locations overlap.", function() {433    var locationA, locationB;434    describe("when the top of A overlaps the bottom of B", function() {435      beforeEach(function() {436        locationA = new DecentStickyLocation(90, 550, 250, 150);437        locationB = new DecentStickyLocation(10, 500, 110, 100);438      });439      it("notes the overlap", function() {440        expect(locationA.overlapsWith(locationB)).toEqual(true);441        expect(locationB.overlapsWith(locationA)).toEqual(true);442      });443    });444    describe("when the bottom of A overlaps the top of B", function() {445      beforeEach(function() {446        locationA = new DecentStickyLocation(10, 500, 110, 100);447        locationB = new DecentStickyLocation(90, 550, 250, 150);448      });449      it("notes the overlap", function() {450        expect(locationA.overlapsWith(locationB)).toEqual(true);451        expect(locationB.overlapsWith(locationA)).toEqual(true);452      });453    });454    describe("when the left of A overlaps the right of B", function() {455      beforeEach(function() {456        locationA = new DecentStickyLocation(150, 500, 550, 150);457        locationB = new DecentStickyLocation(100, 400, 500, 100);458      });459      it("notes the overlap", function() {460        expect(locationA.overlapsWith(locationB)).toEqual(true);461        expect(locationB.overlapsWith(locationA)).toEqual(true);462      });463    });464    describe("when the right of A overlaps the left of B", function() {465      beforeEach(function() {466        locationA = new DecentStickyLocation(100, 400, 500, 100);467        locationB = new DecentStickyLocation(150, 500, 550, 150);468      });469      it("notes the overlap", function() {470        expect(locationA.overlapsWith(locationB)).toEqual(true);471        expect(locationB.overlapsWith(locationA)).toEqual(true);472      });473    });474    describe("when A completely encloses B", function() {475      beforeEach(function() {476        locationA = new DecentStickyLocation(100, 600, 400, 300);477        locationB = new DecentStickyLocation(200, 500, 300, 400);478      });479      it("notes the overlap", function() {480        expect(locationA.overlapsWith(locationB)).toEqual(true);481        expect(locationB.overlapsWith(locationA)).toEqual(true);482      });483    });484    describe("when A completely encloses B vertically, but not horizontally", function() {485      beforeEach(function() {486        locationA = new DecentStickyLocation(100, 600, 400, 300);487        locationB = new DecentStickyLocation(200, 700, 300, 100);488      });489      it("notes the overlap", function() {490        expect(locationA.overlapsWith(locationB)).toEqual(true);491        expect(locationB.overlapsWith(locationA)).toEqual(true);492      });493    });494    describe("when A completely encloses B horizontally, but not vertically", function() {495      beforeEach(function() {496        locationA = new DecentStickyLocation(100, 600, 400, 300);497        locationB = new DecentStickyLocation(50, 500, 500, 400);498      });499      it("notes the overlap", function() {500        expect(locationA.overlapsWith(locationB)).toEqual(true);501        expect(locationB.overlapsWith(locationA)).toEqual(true);502      });503    });504    describe("when A and B exactly overlap", function() {505      beforeEach(function() {506        locationA = new DecentStickyLocation(100, 600, 400, 300);507        locationB = new DecentStickyLocation(100, 600, 400, 300);508      });509      it("notes the overlap", function() {510        expect(locationA.overlapsWith(locationB)).toEqual(true);511        expect(locationB.overlapsWith(locationA)).toEqual(true);512      });513    });514    describe("when the top of A is below the bottom of B", function() {515      beforeEach(function() {516        locationA = new DecentStickyLocation(700, 500, 1200, 100);517        locationB = new DecentStickyLocation(100, 500, 600, 100);518      });519      it("doesn't say there's an overlap", function() {520        expect(locationA.overlapsWith(locationB)).toEqual(false);521        expect(locationB.overlapsWith(locationA)).toEqual(false);522      });523    });524    describe("when the bottom of A is above the top of B", function() {525      beforeEach(function() {526        locationA = new DecentStickyLocation(100, 500, 600, 100);527        locationB = new DecentStickyLocation(700, 500, 1200, 100);528      });529      it("doesn't say there's an overlap", function() {530        expect(locationA.overlapsWith(locationB)).toEqual(false);531        expect(locationB.overlapsWith(locationA)).toEqual(false);532      });533    });534    describe("when the left of A is to the right of B", function() {535      beforeEach(function() {536        locationA = new DecentStickyLocation(100, 1200, 600, 700);537        locationB = new DecentStickyLocation(100, 600, 600, 100);538      });539      it("doesn't say there's an overlap", function() {540        expect(locationA.overlapsWith(locationB)).toEqual(false);541        expect(locationB.overlapsWith(locationA)).toEqual(false);542      });543    });544    describe("when the right of A is to the left of B", function() {545      beforeEach(function() {546        locationA = new DecentStickyLocation(100, 600, 600, 100);547        locationB = new DecentStickyLocation(100, 1200, 600, 700);548      });549      it("doesn't say there's an overlap", function() {550        expect(locationA.overlapsWith(locationB)).toEqual(false);551        expect(locationB.overlapsWith(locationA)).toEqual(false);552      });553    });554  });...

Full Screen

Full Screen

clear_float.js

Source:clear_float.js Github

copy

Full Screen

1/**2 * Copyright 2010 Google Inc.3 *4 * Licensed under the Apache License, Version 2.0 (the "License");5 * you may not use this file except in compliance with the License.6 * You may obtain a copy of the License at7 *8 *      http://www.apache.org/licenses/LICENSE-2.09 *10 * Unless required by applicable law or agreed to in writing, software11 * distributed under the License is distributed on an "AS IS" BASIS,12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.13 * See the License for the specific language governing permissions and14 * limitations under the License.15 */16/**17 * @fileoverview Check floating layout of not clear floating or18 * clear floating fail or use IE hasLayout.19 * @bug https://code.google.com/p/compatibility-detector/issues/detail?id=15520 * Floating layout is a common layout. IE will calculate the height of the21 * container which is hasLayout. In CSS2.1 only the container which22 * establishes new block formatting context will have this behaviour.23 * And if a have 'clearance' style element appears after the floating elements,24 * there is no difference in all browsers.25 *26 * Detecting steps:27 * 1. Ignore the HTML BODY FORM A elements.28 * 2. Ignore the element who has no descendant floats.29 * 3. Ignore the elements which is hasLayout and establishes new block30 *    formatting context.31 * 4. Ignore normal floating layout without ':after' pseudo-elements on which32 *    setting 'clear' property, and not hasLayout, and not establishes a block33 *    formatting context.34 * 5. Ignore this case: If a element who is not established a block35 *    formatting context and its descendant floats are not overflow.36 * 6. Ignore set the element hight layout (this is set hasLayout in IE) of37 *    the not use ':after' pseudo-element processing floating Layout, and38 *    floating layout is not overflow ancestor element, and element not set39 *    new block formatting context.40 * 7. Ignore set pseudo element ':after' clear floating, and triggered41 *    IE hasLayout.42 * 8. Check if childer have the floating, and layout is not clear floating,43 *    and use pseudo element ':after' clear floating, report the IE6 issue.44 * 9. Check if the element triggered hasLayout in IE or block formatting45 *    contexts, if childer have not clear the floating elements.46 *    report the IE or other issue.47 * 10.Check if the element display style is 'table-xxxx', if childer have48 *    not clear the floating elements, report the IE6/7 issue.49 * 11.Check if the element layout clear floating fail, and set hasLayout50 *    in IE or new block formatting context, report the IE or other issue.51 *52 * ps: This detector not detection use CSS hack.53 */54addScriptToInject(function() {55chrome_comp.CompDetect.declareDetector(56'clear_float',57chrome_comp.CompDetect.ScanDomBaseDetector,58function constructor() {59  this.floatNode = null;60  /**61   * Get child nodes float or clear style is not 'none'.62   * @param {Element} node63   * @param {string} styleName is 'float' or 'clear'64   * @return {Array.<Element>} node array65   */66  this.getVisibleChildrenByFloatOrClear = function(node, styleName) {67    var children = Array.prototype.slice.call(node.children);68    var nodes = [];69    for (var i = 0, c = children.length; i < c; ++i) {70      var childNode = children[i];71      var computedStyle = chrome_comp.getComputedStyle(childNode);72      if (styleValue = computedStyle[styleName] != 'none' &&73          computedStyle.display != 'none' &&74          childNode.offsetHeight > 0)75        nodes.push(childNode);76    }77    return nodes;78  };79  /**80   * Check subsequent element clear floating of the node.81   *82   * A.83   * +--------------------------------------------+84   * |  +-------------------------------+         |85   * |  |   float node                  |         |86   * |  +-------------------------------+         |87   * |  +--------------------------------------+  |88   * |  |   clear node                         |  |89   * |  +--------------------------------------+  |90   * +--------------------------------------------+91   * +--------------------------------------------+92   * |      other layout block                    |93   * +--------------------------------------------+94   *95   * B.96   * +--------------------------------------------+97   * |  +-------------------------------+         |98   * +--|   float node                  |---------+99   *    +-------------------------------+100   * +--------------------------------------------+101   * |   clear node                               |102   * +--------------------------------------------+103   * +--------------------------------------------+104   * |      other layout block                    |105   * +--------------------------------------------+106   *107   * C.108   * +--------------------------------------------+109   * |  +-------------------------------------+   |110   * |  |  +-------------------------------+  |   |111   * |  +--|   float node                  |--+   |112   * +-----|                               |----- +113   *       +-------------------------------+114   * +--------------------------------------------+115   * |   clear node                               |116   * +--------------------------------------------+117   * +--------------------------------------------+118   * |      other layout block                    |119   * +--------------------------------------------+120   *121   * D.122   * +--------------------------------------------+123   * |  +-------------------------------------+   |124   * |  |  +-------------------------------+  |   |125   * |  +--|   float node                  |--+   |126   * |     |                               |      |127   * |     +-------------------------------+      |128   * |  +--------------------------------------+  |129   * |  |   clear node                         |  |130   * |  +--------------------------------------+  |131   * +--------------------------------------------+132   * +--------------------------------------------+133   * |      other layout block                    |134   * +--------------------------------------------+135   */136  this.isNextElementClear = function(node) {137    var nextSibling = this.getNextAffectFloatingLayoutElementByNode(node);138    var parentNextSibling =139        this.getNextAffectFloatingLayoutElementByParentNode(node);140    if (nextSibling)141      return this.hasClearStyle(nextSibling);142    // The layout has no problem if it's the last node of DOM tree.143    if (!nextSibling && !parentNextSibling)144      return true;145    // The next slibling clear success of parent elment.146    if (!this.hasClearStyle(parentNextSibling))147      return false;148    return false;149  };150  this.hasClearStyle = function(node) {151    return (chrome_comp.getComputedStyle(node).clear != 'none');152  };153  /**154   * Check parent node of the node, if it is visual non-inline elment155   * of normal flow.156   * @param {Node} node157   * @return {Node} It is null or it is noraml flow or floats node.158   *    If node is BODY return is null.159   */160  this.getNextAffectFloatingLayoutElementByParentNode = function(node) {161    // The last element of the document and no impact is not clear float.162    if (!node || node.tagName == 'BODY' || node.tagName == 'HTML')163      return null;164    node = node.parentNode;165    var nextSibling = this.getNextAffectFloatingLayoutElementByNode(node);166    if (!nextSibling)167      return this.getNextAffectFloatingLayoutElementByParentNode(node);168    else169      return nextSibling;170  };171  /**172   * Get the next sibling element which is visible, non-inline and in normal173   * flow.174   * @param {Element} node175   * @return {Element} null if not found176   */177  this.getNextAffectFloatingLayoutElementByNode = function(node) {178    node = node.nextSibling;179    for (; node; node = node.nextSibling) {180      if (Node.ELEMENT_NODE != node.nodeType)181        continue;182      var style = chrome_comp.getComputedStyle(node);183      if (style.display != 'none' &&184          style.display.indexOf('inline') != 0 &&185          (node.childElementCount == 0 ||186              this.isAffectedByChildrenLayout(node)))187        return node;188    }189    return null;190  };191  /**192   * Check childer element, if it is in normal flow or floats return true,193   * else return false.194   */195  this.isAffectedByChildrenLayout = function(node) {196    var children = Array.prototype.slice.call(node.children);197    for (var i = 0, c = children.length; i < c; ++i) {198      var computedStyle = chrome_comp.getComputedStyle(children[i]);199      if (!(computedStyle.display == 'none' ||200            computedStyle.position == 'absolute' ||201            computedStyle.position == 'fixed'))202        return true;203    }204    return false;205  };206  this.isPseudoElementClear = function(node) {207    // Temporary use window.getComputedStyle method,208    // wait framework.js fixed, replace the window.getComputedStyle method209    // to the chrome_comp.getComputedStyle method.210    var pseudoStyle = window.getComputedStyle(node,':after');211    // Triggered ie hasLayout features and use ':after' pseudo-element212    // processing floating Layout, not detection.213    return pseudoStyle.display == 'block' && pseudoStyle.clear != 'none';214  }215  this.isClearSuccess = function(floatNodes, clearNodes) {216    if (clearNodes == 0)217      return false;218    var lastFloatNode = floatNodes[floatNodes.length - 1];219    var lastClearNode = clearNodes[clearNodes.length - 1];220    // Used to compareDocumentPosition method compare two elements221    // of position, if the A element in the B element after, return 2.222    if (lastClearNode.compareDocumentPosition(lastFloatNode) != 2) {223      this.floatNode = lastFloatNode;224      return false;225    }226    return true;227  };228  this.isFloatsOverflowContainer = function(floatNodes, container) {229    var containerBottom = container.getBoundingClientRect().bottom +230        parseInt(chrome_comp.getComputedStyle(container).marginBottom, 10);231    for (var i = 0, c = floatNodes.length; i < c; ++i) {232      var floatNodeBottom = floatNodes[i].getBoundingClientRect().bottom;233      if (containerBottom < floatNodeBottom) {234        this.floatNode = floatNodes[i];235        return true;236      }237    }238    return false;239  };240  this.hasBackground = function(nodeStyle) {241    return (nodeStyle.backgroundImage != 'none' ||242            nodeStyle.backgroundColor != 'rgba(0, 0, 0, 0)');243  };244  this.hasBorder = function(nodeStyle) {245    return (parseInt(nodeStyle.borderTopWidth, 10) > 0 ||246            parseInt(nodeStyle.borderRightWidth, 10) > 0 ||247            parseInt(nodeStyle.borderBottomWidth, 10) > 0 ||248            parseInt(nodeStyle.borderLeftWidth, 10) > 0);249  };250  this.setProblem = function(node) {251    this.addProblem('RM8002', {252      nodes: [node, this.floatNode],253      details: 'Problem Element height is ' +254          chrome_comp.getComputedStyle(node).height255    });256  };257},258function checkNode(node, context) {259  if (Node.ELEMENT_NODE != node.nodeType || context.isDisplayNone())260    return;261  var IGNORED_TAGS = {HTML: true, BODY: true, FORM: true};262  if (node.tagName in IGNORED_TAGS)263    return;264  var computedStyle = chrome_comp.getComputedStyle(node);265  if (computedStyle.display == 'inline')266    return;267  var floatNodes = this.getVisibleChildrenByFloatOrClear(node, 'float');268  // Stop detection if it has no descendant floats.269  if (floatNodes.length == 0)270    return;271  var hasLayout = chrome_comp.hasLayoutInIE(node);272  var hasBFC = chrome_comp.isBlockFormattingContext(node);273  // Stop detection if it hasLayout in IE and established274  // a BFC in other browsers.275  if (hasLayout && hasBFC)276   return;277  var hasBorder = this.hasBorder(computedStyle);278  var hasBackground = this.hasBackground(computedStyle);279  if (this.isNextElementClear(node) && !hasBorder && !hasBackground)280    return;281  var isPseudoElementClear = this.isPseudoElementClear(node);282  var isOverflow = this.isFloatsOverflowContainer(floatNodes, node);283  var clearNodes = this.getVisibleChildrenByFloatOrClear(node, 'clear');284  var clearNodeCount = clearNodes.length;285  // Stop detection if it's not established a BFC and its descendant286  // floats are not overflow.287  if (!isOverflow && !isPseudoElementClear && !hasBFC)288    return;289  // Normal float layout is not detection.290  if (clearNodeCount == 0 && !isPseudoElementClear &&291      !hasLayout && !hasBFC &&292      !hasBorder && !hasBackground)293    return;294  // Node is set hasLayout in IE, sub-element is float layout and not overfolw295  // ancestor element, not detection.296  // ps: set height triggered hasLayout in IE.297  if (clearNodeCount == 0 && !isPseudoElementClear && !isOverflow && !hasBFC)298    return;299  // Use pseudo element ':after' clear floating, and triggered IE hasLayout,300  // not detection.301  if (clearNodeCount == 0 && isPseudoElementClear && hasLayout)302    return;303  // Only use pseudo element ':after' clear floating.304  if (clearNodeCount == 0 && isPseudoElementClear && !hasLayout) {305    this.addProblem('RS8010', {306      nodes: [node],307      details: 'Problem Element set ":after" pseudo element.'308    });309  }310  // Detection the element triggered hasLayout in IE or Block Formatting311  // Contexts, if childer have not clear the floating elements.312  // report the issue.313  if (clearNodeCount == 0 && (hasLayout || hasBFC)) {314    this.floatNode = floatNodes[0];315    this.setProblem(node);316    return;317  }318  // Detection the element display style is 'table-xxxx',319  // if childer have not clear the floating elements.320  // report the issue.321  if (clearNodeCount == 0 &&322      computedStyle.display.indexOf('table') == 0) {323    this.floatNode = floatNodes[0];324    this.setProblem(node);325    return;326  }327  // Detection sub-elements clear floating fail, and triggered hasLayout328  // in IE or Block Formatting Contexts, report the issue.329  if (!this.isClearSuccess(floatNodes, clearNodes) &&330      !(!isOverflow && hasLayout && hasBFC) && !isPseudoElementClear) {331    this.setProblem(node);332    return;333  }334}335); // declareDetector...

Full Screen

Full Screen

my-practice-question.spec.js

Source:my-practice-question.spec.js Github

copy

Full Screen

1context('My Practice Questions', () => {2    //all tests have just one question3    beforeEach(() => {4        cy.setRole('student')5    });6    it('should show empty message', () => {7        cy.visit('/course/3/practice-questions')8        cy.disableTours();9        cy.get('.empty-practice-questions-content .empty-practice-questions-header')10            .should('have.text', 'No questions have been saved for practice.');11        cy.getTestElement('save-practice-button').should('be.disabled');12        cy.getTestElement('save-practice-button')13            .should('have.text', 'Save to practice');14    })15    it('should list a question that is not available', () => {16        cy.visit('/course/2/practice-questions')17        cy.disableTours();18        cy.getTestElement('clear-practice-selection').should('exist');19        cy.getTestElement('start-practice').should('exist');20        cy.getTestElement('clear-practice-selection').should('be.disabled');21        cy.getTestElement('start-practice').should('be.disabled');22        cy.get('.card-body').should('exist');23        cy.get('.card-body').click({ force: true });24        cy.get('.card-body .disabled-message').should('be.visible');25        cy.get('.card-body .disabled-message').should('have.text', 26            'This question can be practiced after it has been graded');27    })28    it('should list a question that is available, include and exclude the question', () => {29        cy.visit('/course/1/practice-questions')30        cy.disableTours();31        cy.getTestElement('clear-practice-selection').should('exist');32        cy.getTestElement('start-practice').should('exist');33        cy.getTestElement('clear-practice-selection').should('be.disabled');34        cy.getTestElement('start-practice').should('be.disabled');35        cy.get('.card-body').should('exist');36        cy.get('.card-body .controls-overlay').should('exist');37        //when user includes a question38        cy.get('.action.include').click({ force: true });39        cy.get('.selected-mask').should('exist');40        cy.getTestElement('clear-practice-selection').should('be.enabled');41        cy.getTestElement('start-practice').should('be.enabled');42        //when user excludes the question43        cy.get('.action.exclude').click({ force: true });44        cy.get('.selected-mask').should('not.exist');45        cy.getTestElement('clear-practice-selection').should('be.disabled');46        cy.getTestElement('start-practice').should('be.disabled');47        //when user includes a question and clicks on 'clear selection' button48        cy.get('.action.include').click({ force: true });49        cy.getTestElement('clear-practice-selection').click();50        cy.get('.selected-mask').should('not.exist');51        cy.getTestElement('clear-practice-selection').should('be.disabled');52        cy.getTestElement('start-practice').should('be.disabled');53    })54    it('should list a question that is available and delete the question', () => {55        cy.visit('/course/1/practice-questions')56        cy.disableTours();57        cy.get('.delete').click({ force: true });58        cy.getTestElement('confirm-delete-practice-question').click();59        cy.get('.empty-practice-questions-content .empty-practice-questions-header')60            .should('have.text', 'No questions have been saved for practice.');61    })...

Full Screen

Full Screen

index.js

Source:index.js Github

copy

Full Screen

1function recursiveAnimationFrame(frames, callback) {2  if (window && frames && Number.isInteger(frames) && frames > 0) {3    window.requestAnimationFrame(() => {4      recursiveAnimationFrame(frames - 1, callback);5    });6    return;7  }8  callback();9}10export function setCssEndEvent(11  element,12  type,13  { tolerance = 0, propertyName } = {}14) {15  return new Promise(resolve => {16    if (!element) {17      resolve(false);18      return;19    }20    let eventName = null;21    const capitalized = type.charAt(0).toUpperCase() + type.slice(1);22    let run = 0;23    function end(event) {24      const target = event.srcElement || event.target;25      if (target === element) {26        if (run >= tolerance) {27          if (propertyName && propertyName !== event.propertyName) {28            return;29          }30          element.removeEventListener(eventName, end);31          resolve(event);32        }33        run += 1;34      }35    }36    if (element.style[`Webkit${capitalized}`] !== undefined) {37      eventName = `webkit${capitalized}End`;38    }39    if (element.style.OTransition !== undefined) {40      eventName = `o${type}End`;41    }42    if (element.style[type] !== undefined) {43      eventName = `${type}end`;44    }45    if (element.clearCssEndEvent) {46      element.clearCssEndEvent();47    }48    element.clearCssEndEvent = function() {49      element.removeEventListener(eventName, end);50    };51    element.addEventListener(eventName, end);52  });53}54export function beforeCssLayout(callback) {55  window && window.requestAnimationFrame(callback);56}57export function beforeNextCssLayout(callback) {58  window &&59    window.requestAnimationFrame(() => {60      window.requestAnimationFrame(callback);61    });62}63export function beforeFutureCssLayout(frames, callback) {64  recursiveAnimationFrame(frames + 1, callback);65}66export function onceNextCssLayout() {67  return new Promise(resolve => {68    beforeNextCssLayout(resolve);69  });70}71export function onceTransitionEnd(element, options = {}) {72  return new Promise(resolve => {73    setCssEndEvent(element, "transition", options).then(resolve);74  });75}76export function onceAnimationEnd(element, options = {}) {77  return new Promise(resolve => {78    setCssEndEvent(element, "animation", options).then(resolve);79  });...

Full Screen

Full Screen

ngTransclude_test.js

Source:ngTransclude_test.js Github

copy

Full Screen

1describe("api/ng.directive:ngTransclude", function() {2  describe("angular+jqLite", function() {3    beforeEach(function() {4      browser.get("index-nocache.html#!/api/ng.directive:ngTransclude");5    });6    it('should have transcluded', function() {7      var titleElement = element(by.model('title'));8      titleElement.clear();9      titleElement.sendKeys('TITLE');10      var textElement = element(by.model('text'));11      textElement.clear();12      textElement.sendKeys('TEXT');13      expect(element(by.binding('title')).getText()).toEqual('TITLE');14      expect(element(by.binding('text')).getText()).toEqual('TEXT');15    });16  });17  describe("angular+jQuery", function() {18    beforeEach(function() {19      browser.get("index-jq-nocache.html#!/api/ng.directive:ngTransclude");20    });21    it('should have transcluded', function() {22      var titleElement = element(by.model('title'));23      titleElement.clear();24      titleElement.sendKeys('TITLE');25      var textElement = element(by.model('text'));26      textElement.clear();27      textElement.sendKeys('TEXT');28      expect(element(by.binding('title')).getText()).toEqual('TITLE');29      expect(element(by.binding('text')).getText()).toEqual('TEXT');30    });31  });...

Full Screen

Full Screen

TimeSpent.js

Source:TimeSpent.js Github

copy

Full Screen

1import { h } from 'hyperapp';2import { timeSpetnToString } from '../utils';3const timer = (element, time) => {4  let last = Date.now();5  let $interval = setInterval(() => {6    let now = Date.now();7    time += now - last;8    last = now;9    element.textContent = timeSpetnToString(time);10  }, 1000);11  element.$clearInterval = () => clearInterval($interval);12};13const TimeSpent = ({ timeSpent, active }) => {14  let clear = element => element.$clearInterval && element.$clearInterval();15  return (16    <span17      oncreate={element => {18        clear(element);19        if (active) timer(element, timeSpent);20      }}21      onupdate={element => {22        clear(element);23        if (active) {24          timer(element, timeSpent);25        }26      }}27      onremove={clear}28    >29      {timeSpetnToString(timeSpent)}30    </span>31  );32};...

Full Screen

Full Screen

jquery_test.js

Source:jquery_test.js Github

copy

Full Screen

1describe("module:ng.directive:ngTransclude", function() {2  var rootEl;3  beforeEach(function() {4    rootEl = browser.rootEl;5    browser.get("./examples/example-example46/index-jquery.html");6  });7  8   it('should have transcluded', function() {9     var titleElement = element(by.model('title'));10     titleElement.clear();11     titleElement.sendKeys('TITLE');12     var textElement = element(by.model('text'));13     textElement.clear();14     textElement.sendKeys('TEXT');15     expect(element(by.binding('title')).getText()).toEqual('TITLE');16     expect(element(by.binding('text')).getText()).toEqual('TEXT');17   });...

Full Screen

Full Screen

protractor.js

Source:protractor.js Github

copy

Full Screen

1it('should have transcluded', function() {2  var titleElement = element(by.model('title'));3  titleElement.clear();4  titleElement.sendKeys('TITLE');5  var textElement = element(by.model('text'));6  textElement.clear();7  textElement.sendKeys('TEXT');8  expect(element(by.binding('title')).getText()).toEqual('TITLE');9  expect(element(by.binding('text')).getText()).toEqual('TEXT');...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1var webdriver = require('selenium-webdriver'),2    until = webdriver.until;3var driver = new webdriver.Builder()4    .forBrowser('firefox')5    .build();6driver.findElement(By.name('q')).sendKeys('webdriver');7driver.findElement(By.name('btnG')).click();8driver.wait(until.titleIs('webdriver - Google Search'), 1000);9driver.quit();10driver.findElement(By.name('q')).sendKeys('webdriver');11driver.findElement(By.name('btnG')).click();12driver.wait(until.titleIs('webdriver - Google Search'), 1000);13driver.findElement(By.name('q')).clear();14driver.quit();15driver.findElement(By.name('q')).sendKeys('webdriver');16driver.findElement(By.name('btnG')).click();17driver.wait(until.titleIs('webdriver - Google Search'), 1000);18driver.findElement(By.name('q')).sendKeys('webdriver');19driver.quit();20driver.findElement(By.name('q')).sendKeys('webdriver');21driver.findElement(By.name('btnG')).click();22driver.wait(until.titleIs('webdriver - Google Search'), 1000);23driver.findElement(By.name('q')).sendKeys('webdriver');24driver.findElement(By.name('q')).clear();25driver.quit();26driver.findElement(By.name('q')).sendKeys('webdriver');27driver.findElement(By.name('btnG')).click();28driver.wait(until.titleIs('webdriver - Google Search'), 1000);29driver.findElement(By.name('q')).sendKeys('webdriver');30driver.findElement(By.name('q')).clear();31driver.findElement(By.name('q')).sendKeys('webdriver');32driver.quit();33driver.findElement(By.name('q')).sendKeys('webdriver');34driver.findElement(By.name('btnG')).click();35driver.wait(until.titleIs('webdriver - Google Search'), 1000);36driver.findElement(By.name('q')).sendKeys('webdriver');37driver.findElement(By.name('q')).clear();38driver.findElement(By.name

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1var webdriver = require('selenium-webdriver'),2    until = webdriver.until;3var driver = new webdriver.Builder()4    .forBrowser('chrome')5    .build();6driver.findElement(By.name('q')).sendKeys('webdriver');7driver.findElement(By.name('btnK')).click();8driver.wait(until.titleIs('webdriver - Google Search'), 1000);9driver.findElement(By.name('q')).clear();10driver.findElement(By.name('q')).sendKeys('appium');11driver.findElement(By.name('btnK')).click();12driver.wait(until.titleIs('appium - Google Search'), 1000);13driver.quit();

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1var webdriver = require('selenium-webdriver');2var By = webdriver.By;3var until = webdriver.until;4var driver = new webdriver.Builder()5    .forBrowser('chrome')6    .build();7driver.findElement(By.name('q')).sendKeys('webdriver');8driver.findElement(By.name('btnK')).click();9driver.wait(until.titleIs('webdriver - Google Search'), 1000);10driver.quit();11var webdriver = require('selenium-webdriver');12var By = webdriver.By;13var until = webdriver.until;14var driver = new webdriver.Builder()15    .forBrowser('chrome')16    .build();17driver.findElement(By.name('q')).sendKeys('webdriver');18driver.findElement(By.name('btnK')).click();19driver.wait(until.titleIs('webdriver - Google Search'), 1000);20driver.quit();21var webdriver = require('selenium-webdriver');22var By = webdriver.By;23var until = webdriver.until;24var driver = new webdriver.Builder()25    .forBrowser('chrome')26    .build();27driver.findElement(By.name('q')).sendKeys('webdriver');28driver.findElement(By.name('btnK')).click();29driver.wait(until.titleIs('webdriver - Google Search'), 1000);30driver.quit();31var webdriver = require('selenium-webdriver');32var By = webdriver.By;33var until = webdriver.until;34var driver = new webdriver.Builder()35    .forBrowser('chrome')36    .build();37driver.findElement(By.name('q')).sendKeys('webdriver');38driver.findElement(By.name('btnK')).click();39driver.wait(until.titleIs('webdriver - Google Search'), 1000);40driver.quit();41var webdriver = require('selenium-webdriver');42var By = webdriver.By;43var until = webdriver.until;44var driver = new webdriver.Builder()45    .forBrowser('chrome')46    .build();47driver.findElement(By.name('q')).sendKeys('webdriver');48driver.findElement(By.name('btnK')).click();49driver.wait(until.titleIs('webdriver - Google Search'), 100

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1var webdriver = require('selenium-webdriver');2var driver = new webdriver.Builder().forBrowser('chrome').build();3driver.findElement(webdriver.By.name('q')).sendKeys('webdriver');4driver.findElement(webdriver.By.name('btnG')).click();5driver.wait(function() {6  return driver.getTitle().then(function(title) {7    return title === 'webdriver - Google Search';8  });9}, 1000);10driver.findElement(webdriver.By.name('q')).clear();11driver.findElement(webdriver.By.name('q')).sendKeys('webdriver');12driver.findElement(webdriver.By.name('btnG')).click();13driver.wait(function() {14  return driver.getTitle().then(function(title) {15    return title === 'webdriver - Google Search';16  });17}, 1000);18driver.quit();19Appium clear() Method Example in Java20import org.openqa.selenium.By;21import org.openqa.selenium.WebDriver;22import org.openqa.selenium.WebElement;23import org.openqa.selenium.chrome.ChromeDriver;24import org.openqa.selenium.support.ui.ExpectedConditions;25import org.openqa.selenium.support.ui.WebDriverWait;26public class AppiumClearMethod {27public static void main(String[] args) {28    System.setProperty("webdriver.chrome.driver", "C:\\Users\\selenium\\chromedriver.exe");29    WebDriver driver = new ChromeDriver();30    WebElement searchBox = driver.findElement(By.name("q"));31    searchBox.sendKeys("Appium");32    searchBox.clear();33    searchBox.sendKeys("Selenium");34    driver.quit();35}36}37Appium clear() Method Example in Python38from selenium import webdriver39from selenium.webdriver.common.by import By40from selenium.webdriver.support.ui import WebDriverWait41from selenium.webdriver.support import expected_conditions as EC42driver = webdriver.Chrome()43searchBox = driver.find_element_by_name("q")44searchBox.send_keys("Appium")45searchBox.clear()46searchBox.send_keys("Selenium")47driver.quit()48Appium clear() Method Example in Ruby49Appium clear() Method Example in C#

Full Screen

Full Screen

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.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run Appium automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful