How to use el.click method in Appium Xcuitest Driver

Best JavaScript code snippet using appium-xcuitest-driver

events.test.js

Source:events.test.js Github

copy

Full Screen

1/* eslint-env qunit */2import * as Events from '../../src/js/utils/events.js';3import document from 'global/document';4import log from '../../src/js/utils/log.js';5QUnit.module('Events');6QUnit.test('should add and remove an event listener to an element', function(assert) {7 assert.expect(1);8 const el = document.createElement('div');9 const listener = function() {10 assert.ok(true, 'Click Triggered');11 };12 Events.on(el, 'click', listener);13 // 1 click14 Events.trigger(el, 'click');15 Events.off(el, 'click', listener);16 // No click should happen.17 Events.trigger(el, 'click');18});19QUnit.test('should add and remove multiple event listeners to an element with a single call', function(assert) {20 assert.expect(6);21 const el = document.createElement('div');22 const listener = function() {23 assert.ok(true, 'Callback triggered');24 };25 Events.on(el, ['click', 'event1', 'event2'], listener);26 Events.trigger(el, 'click');27 Events.trigger(el, 'click');28 Events.off(el, 'click', listener);29 // No click should happen.30 Events.trigger(el, 'click');31 Events.trigger(el, 'event1');32 Events.trigger(el, 'event1');33 Events.off(el, 'event1', listener);34 // No event1 should happen.35 Events.trigger(el, 'event1');36 Events.trigger(el, 'event2');37 Events.trigger(el, 'event2');38 Events.off(el, 'event2', listener);39 // No event2 should happen.40 Events.trigger(el, 'event2');41 Events.off(el, ['click', 'event1', 'event2'], listener);42});43QUnit.test('should be possible to pass data when you trigger an event', function(assert) {44 assert.expect(6);45 const el = document.createElement('div');46 const fakeData1 = 'Fake Data 1';47 const fakeData2 = {txt: 'Fake Data 2'};48 const listener = function(evt, hash) {49 assert.ok(true, 'Callback triggered');50 assert.deepEqual(fakeData1, hash.d1, 'Shoulbe be passed to the handler');51 assert.deepEqual(fakeData2, hash.d2, 'Shoulbe be passed to the handler');52 };53 Events.on(el, ['event1', 'event2'], listener);54 Events.trigger(el, 'event1', { d1: fakeData1, d2: fakeData2});55 Events.trigger(el, 'event2', { d1: fakeData1, d2: fakeData2});56 Events.off(el, ['event1', 'event2'], listener);57});58QUnit.test('should remove all listeners of a type', function(assert) {59 const el = document.createElement('div');60 let clicks = 0;61 const listener = function() {62 clicks++;63 };64 const listener2 = function() {65 clicks++;66 };67 Events.on(el, 'click', listener);68 Events.on(el, 'click', listener2);69 // 2 clicks70 Events.trigger(el, 'click');71 assert.ok(clicks === 2, 'both click listeners fired');72 Events.off(el, 'click');73 // No click should happen.74 Events.trigger(el, 'click');75 assert.ok(clicks === 2, 'no click listeners fired');76});77QUnit.test('should remove all listeners of an array of types', function(assert) {78 const el = document.createElement('div');79 let calls = 0;80 const listener = function() {81 calls++;82 };83 const listener2 = function() {84 calls++;85 };86 Events.on(el, ['click', 'event1'], listener);87 Events.on(el, ['click', 'event1'], listener2);88 // 2 calls89 Events.trigger(el, 'click');90 // 2 calls91 Events.trigger(el, 'event1');92 assert.ok(calls === 4, 'both click listeners fired');93 Events.off(el, ['click', 'event1']);94 // No click should happen.95 Events.trigger(el, 'click');96 // No event1 should happen.97 Events.trigger(el, 'event1');98 assert.ok(calls === 4, 'no event listeners fired');99});100QUnit.test('should remove all listeners from an element', function(assert) {101 assert.expect(2);102 const el = document.createElement('div');103 const listener = function() {104 assert.ok(true, 'Fake1 Triggered');105 };106 const listener2 = function() {107 assert.ok(true, 'Fake2 Triggered');108 };109 Events.on(el, 'fake1', listener);110 Events.on(el, 'fake2', listener2);111 Events.trigger(el, 'fake1');112 Events.trigger(el, 'fake2');113 Events.off(el);114 // No listener should happen.115 Events.trigger(el, 'fake1');116 Events.trigger(el, 'fake2');117 Events.off(el, 'fake1', listener);118 Events.off(el, 'fake2', listener2);119});120QUnit.test('should listen only once', function(assert) {121 assert.expect(1);122 const el = document.createElement('div');123 const listener = function() {124 assert.ok(true, 'Click Triggered');125 };126 Events.one(el, 'click', listener);127 // 1 click128 Events.trigger(el, 'click');129 // No click should happen.130 Events.trigger(el, 'click');131});132QUnit.test('should listen only once in multiple events from a single call', function(assert) {133 assert.expect(3);134 const el = document.createElement('div');135 const listener = function() {136 assert.ok(true, 'Callback Triggered');137 };138 Events.one(el, ['click', 'event1', 'event2'], listener);139 // 1 click140 Events.trigger(el, 'click');141 // No click should happen.142 Events.trigger(el, 'click');143 // event1 must be handled.144 Events.trigger(el, 'event1');145 // No event1 should be handled.146 Events.trigger(el, 'event1');147 // event2 must be handled.148 Events.trigger(el, 'event2');149 // No event2 should be handled.150 Events.trigger(el, 'event2');151});152QUnit.test('should stop immediate propagtion', function(assert) {153 assert.expect(1);154 const el = document.createElement('div');155 Events.on(el, 'test', function(e) {156 assert.ok(true, 'First listener fired');157 e.stopImmediatePropagation();158 });159 Events.on(el, 'test', function(e) {160 assert.ok(false, 'Second listener fired');161 });162 Events.trigger(el, 'test');163 Events.off(el, 'test');164});165QUnit.test('should bubble up DOM unless bubbles == false', function(assert) {166 assert.expect(3);167 const outer = document.createElement('div');168 const inner = outer.appendChild(document.createElement('div'));169 // Verify that if bubbles === true, event bubbles up dom.170 Events.on(inner, 'bubbles', function(e) {171 assert.ok(true, 'Inner listener fired');172 });173 Events.on(outer, 'bubbles', function(e) {174 assert.ok(true, 'Outer listener fired');175 });176 Events.trigger(inner, { type: 'bubbles', target: inner, bubbles: true });177 // Only change 'bubbles' to false, and verify only inner handler is called.178 Events.on(inner, 'nobub', function(e) {179 assert.ok(true, 'Inner listener fired');180 });181 Events.on(outer, 'nobub', function(e) {182 assert.ok(false, 'Outer listener fired');183 });184 Events.trigger(inner, { type: 'nobub', target: inner, bubbles: false });185 Events.off(inner, 'bubbles');186 Events.off(outer, 'bubbles');187 Events.off(inner, 'nobub');188 Events.off(outer, 'nobub');189});190QUnit.test('should have a defaultPrevented property on an event that was prevent from doing default action', function(assert) {191 assert.expect(2);192 const el = document.createElement('div');193 Events.on(el, 'test', function(e) {194 assert.ok(true, 'First listener fired');195 e.preventDefault();196 });197 Events.on(el, 'test', function(e) {198 assert.ok(e.defaultPrevented, 'Should have `defaultPrevented` to signify preventDefault being called');199 });200 Events.trigger(el, 'test');201 Events.off(el, 'test');202});203QUnit.test('should have relatedTarget correctly set on the event', function(assert) {204 assert.expect(2);205 const el1 = document.createElement('div');206 const el2 = document.createElement('div');207 const relatedEl = document.createElement('div');208 Events.on(el1, 'click', function(e) {209 assert.equal(e.relatedTarget, relatedEl, 'relatedTarget is set for all browsers when related element is set on the event');210 });211 Events.trigger(el1, { type: 'click', relatedTarget: relatedEl });212 Events.on(el2, 'click', function(e) {213 assert.equal(e.relatedTarget, null, 'relatedTarget is null when none is provided');214 });215 Events.trigger(el2, { type: 'click', relatedTarget: undefined });216 Events.off(el1, 'click');217 Events.off(el2, 'click');218});219QUnit.test('should execute remaining handlers after an exception in an event handler', function(assert) {220 assert.expect(1);221 const oldLogError = log.error;222 log.error = function() {};223 const el = document.createElement('div');224 const listener1 = function() {225 throw new Error('GURU MEDITATION ERROR');226 };227 const listener2 = function() {228 assert.ok(true, 'Click Triggered');229 };230 Events.on(el, 'click', listener1);231 Events.on(el, 'click', listener2);232 // 1 click233 Events.trigger(el, 'click');234 log.error = oldLogError;235 Events.off(el, 'click');236});237QUnit.test('trigger with an object should set the correct target property', function(assert) {238 const el = document.createElement('div');239 Events.on(el, 'click', function(e) {240 assert.equal(e.target, el, 'the event object target should be our element');241 });242 Events.trigger(el, { type: 'click'});243 Events.off(el, 'click');244});245QUnit.test('retrigger with a string should use the new element as target', function(assert) {246 const el1 = document.createElement('div');247 const el2 = document.createElement('div');248 Events.on(el2, 'click', function(e) {249 assert.equal(e.target, el2, 'the event object target should be the new element');250 });251 Events.on(el1, 'click', function(e) {252 Events.trigger(el2, 'click');253 });254 Events.trigger(el1, 'click');255 Events.trigger(el1, {type: 'click'});256 Events.off(el1, 'click');257 Events.off(el2, 'click');258});259QUnit.test('retrigger with an object should use the old element as target', function(assert) {260 const el1 = document.createElement('div');261 const el2 = document.createElement('div');262 Events.on(el2, 'click', function(e) {263 assert.equal(e.target, el1, 'the event object target should be the old element');264 });265 Events.on(el1, 'click', function(e) {266 Events.trigger(el2, e);267 });268 Events.trigger(el1, 'click');269 Events.trigger(el1, {type: 'click'});270 Events.off(el1, 'click');271 Events.off(el2, 'click');272});273QUnit.test('should listen only once for any', function(assert) {274 const el = document.createElement('div');275 let triggered = 0;276 const listener = () => triggered++;277 Events.any(el, 'click', listener);278 assert.equal(triggered, 0, 'listener was not yet triggered');279 // 1 click280 Events.trigger(el, 'click');281 assert.equal(triggered, 1, 'listener was triggered');282 // No click should happen.283 Events.trigger(el, 'click');284 assert.equal(triggered, 1, 'listener was not triggered again');285});286QUnit.test('only the first event should call listener via any', function(assert) {287 const el = document.createElement('div');288 let triggered = 0;289 const listener = () => triggered++;290 Events.any(el, ['click', 'event1', 'event2'], listener);291 assert.equal(triggered, 0, 'listener was not yet triggered');292 // 1 click293 Events.trigger(el, 'click');294 assert.equal(triggered, 1, 'listener was triggered');295 // nothing below here should trigger the Callback296 Events.trigger(el, 'click');297 Events.trigger(el, 'event1');298 Events.trigger(el, 'event1');299 Events.trigger(el, 'event2');300 Events.trigger(el, 'event2');301 assert.equal(triggered, 1, 'listener was not triggered again');...

Full Screen

Full Screen

index.spec.js

Source:index.spec.js Github

copy

Full Screen

1import spies from 'chai-spies';2import chai, { expect } from 'chai';3import triggerEvent from './triggerEvent.js';4import Events from '../src/index.js';5chai.use(spies);6function injectHTML() {7 document.body.innerHTML = `8 <div id="event-test">9 <ul>10 <li class='green'>hello</li>11 <li class='green'>world</li>12 <li class='red'>again</li>13 <li class='red'>from</li>14 <li class='green'>cam</li>15 </ul>16 </div>17 `;18}19function uninjectHTML() {20 const el = document.querySelector('#event-test');21 el.parentNode.removeChild(el);22}23describe('Events', () => {24 describe('.on and .off', () => {25 beforeEach(() => {26 injectHTML();27 });28 afterEach(() => {29 uninjectHTML();30 });31 it('on should invoke callback when event fired', () => {32 const callback = chai.spy();33 const el = document.querySelector('#event-test ul');34 Events.on(el, 'click', callback);35 triggerEvent(el, 'click');36 expect(callback).to.have.been.called.once;37 });38 it('on bind same callback twice will only invoke once', () => {39 const callback = chai.spy();40 const el = document.querySelector('#event-test ul');41 Events.on(el, 'click', callback);42 Events.on(el, 'click', callback);43 triggerEvent(el, 'click');44 expect(callback).to.have.been.called.once;45 });46 it('on can bind two events', () => {47 const callback1 = chai.spy();48 const callback2 = chai.spy();49 const callback3 = chai.spy();50 const el = document.querySelector('#event-test ul');51 Events.on(el, 'click', callback1);52 Events.on(el, 'click', callback2);53 triggerEvent(el, 'click');54 expect(callback1).to.have.been.called.once;55 expect(callback2).to.have.been.called.once;56 expect(callback3).to.have.not.been.called;57 });58 it('off can remove on event', () => {59 const callback = chai.spy();60 const el = document.querySelector('#event-test ul');61 Events.on(el, 'click', callback);62 Events.off(el, 'click', callback);63 triggerEvent(el, 'click');64 expect(callback).to.have.not.been.called;65 });66 });67 describe('once', () => {68 beforeEach(() => {69 injectHTML();70 });71 afterEach(() => {72 uninjectHTML();73 });74 it('once will only invoke callback once', () => {75 const callback = chai.spy();76 const el = document.querySelector('#event-test ul');77 Events.once(el, 'click', callback);78 triggerEvent(el, 'click');79 triggerEvent(el, 'click');80 expect(callback).to.have.been.called.once;81 });82 it('on will invoke callback many times as you trigger', () => {83 const callback = chai.spy();84 const el = document.querySelector('#event-test ul');85 Events.on(el, 'click', callback);86 triggerEvent(el, 'click');87 triggerEvent(el, 'click');88 triggerEvent(el, 'click');89 expect(callback).to.have.been.called.exactly(3);90 });91 it('off can unbind once', () => {92 const callback = chai.spy();93 const el = document.querySelector('#event-test ul');94 Events.once(el, 'click', callback);95 Events.off(el, 'click');96 triggerEvent(el, 'click');97 expect(callback).to.have.not.been.called;98 });99 });100 describe('with namespace', () => {101 beforeEach(() => {102 injectHTML();103 });104 afterEach(() => {105 uninjectHTML();106 });107 it('on can bind with namespace', () => {108 const callback = chai.spy();109 const el = document.querySelector('#event-test ul');110 Events.on(el, 'click.testns', callback);111 triggerEvent(el, 'click');112 expect(callback).to.have.been.called.once;113 });114 it('off can remove event with namespace', () => {115 const callback = chai.spy();116 const el = document.querySelector('#event-test ul');117 Events.on(el, 'click.testns', callback);118 Events.off(el, 'click', callback);119 triggerEvent(el, 'click');120 expect(callback).to.have.not.been.called;121 });122 it('off with namespace only remove that namespace', () => {123 const callback1 = chai.spy();124 const callback2 = chai.spy();125 const el = document.querySelector('#event-test ul');126 Events.on(el, 'click.testns', callback1);127 Events.on(el, 'click.anotherns', callback2);128 Events.off(el, 'click.anotherns');129 triggerEvent(el, 'click');130 expect(callback1).to.have.been.called.once;131 expect(callback2).to.have.not.been.called;132 });133 it('off without namespace will remove all events', () => {134 const callback1 = chai.spy();135 const callback2 = chai.spy();136 const el = document.querySelector('#event-test ul');137 Events.on(el, 'click.testns', callback1);138 Events.on(el, 'click.anotherns', callback2);139 Events.off(el, 'click');140 triggerEvent(el, 'click');141 expect(callback1).to.have.not.been.called;142 expect(callback2).to.have.not.been.called;143 });144 });145 describe('event delegation', () => {146 beforeEach(() => {147 injectHTML();148 });149 afterEach(() => {150 uninjectHTML();151 });152 it('delegate can bind event', () => {153 const callback = chai.spy();154 const el = document.querySelector('#event-test ul');155 Events.delegate(el, 'li.red', 'click', callback);156 triggerEvent(document.querySelector('#event-test ul li.red'), 'click');157 expect(callback).to.have.been.called.once;158 triggerEvent(document.querySelector('#event-test ul li.green'), 'click');159 expect(callback).to.have.not.been.called;160 });161 it('undelegate can remove event delegation', () => {162 const el = document.querySelector('#event-test ul');163 const callback1 = chai.spy();164 const callback2 = chai.spy(function(event) {165 expect(event.type).to.eq('click');166 });167 Events.delegate(el, 'li.red', 'click', callback1);168 Events.delegate(el, 'li.green', 'click', callback2);169 Events.undelegate(el, 'li.red', 'click');170 triggerEvent(document.querySelector('#event-test ul li.red'), 'click');171 triggerEvent(document.querySelector('#event-test ul li.green'), 'click');172 expect(callback1).to.have.not.been.called;173 expect(callback2).to.have.been.called.once;174 });175 it('off can also remove event delegation', () => {176 const callback = chai.spy();177 const el = document.querySelector('#event-test ul');178 Events.delegate(el, 'li.red', 'click', callback);179 Events.off(el, 'li.red', 'click');180 triggerEvent(el, 'click');181 expect(callback).to.have.not.been.called;182 });183 it('off with namespace only remove that namespace', () => {184 const callback1 = chai.spy();185 const callback2 = chai.spy();186 const el = document.querySelector('#event-test ul');187 Events.delegate(el, 'li.red', 'click.testns', callback1);188 Events.delegate(el, 'li.red', 'click.anotherns', callback2);189 Events.off(el, 'click.anotherns');190 triggerEvent(el.querySelector('li.red'), 'click');191 expect(callback1).to.have.been.called.once;192 expect(callback2).to.have.not.been.called;193 });194 it('off without namespace will remove all events', () => {195 const callback1 = chai.spy();196 const callback2 = chai.spy();197 const el = document.querySelector('#event-test ul');198 Events.delegate(el, 'li.red', 'click.testns', callback1);199 Events.delegate(el, 'li.red', 'click.anotherns', callback2);200 Events.off(el, 'click.anotherns');201 triggerEvent(el.querySelector('li.red'), 'click');202 expect(callback1).to.have.not.been.called;203 expect(callback2).to.have.not.been.called;204 });205 });206 describe('trigger', () => {207 beforeEach(() => {208 injectHTML();209 });210 afterEach(() => {211 uninjectHTML();212 });213 it('can trigger events', () => {214 const callback = chai.spy();215 const el = document.querySelector('#event-test ul');216 Events.on(el, 'click', callback);217 Events.trigger(el, 'click');218 expect(callback).to.have.been.called.once;219 });220 it('can trigger scroll events', () => {221 const callback = chai.spy();222 const el = document.querySelector('#event-test ul');223 Events.on(el, 'scroll', callback);224 Events.trigger(el, 'scroll');225 expect(callback).to.have.been.called.once;226 });227 it('can trigger resize events', () => {228 const callback = chai.spy();229 const el = document.querySelector('#event-test ul');230 Events.on(el, 'resize', callback);231 Events.trigger(el, 'resize');232 expect(callback).to.have.been.called.once;233 });234 it('can trigger with params', () => {235 const callback = chai.spy();236 const el = document.querySelector('#event-test ul');237 Events.on(el, 'resize', callback);238 Events.trigger(el, 'resize', {foo: 'bar'});239 expect(callback).to.have.been.called.once;240 });241 });...

Full Screen

Full Screen

remove-test.js

Source:remove-test.js Github

copy

Full Screen

1/*global bean:true, buster:true, Syn:true, assert:true, defer:true, features:true, globalSetUp:true, globalTearDown:true*/2buster.testCase('remove', {3 'setUp': globalSetUp4 , 'tearDown': globalTearDown5 , 'should return the element passed in': function () {6 var el = this.byId('foo')7 , handler = function () {}8 , returned9 bean.add(el, 'click', handler)10 returned = bean.remove(el, 'click', handler)11 assert.same(el, returned, 'returns the element passed in')12 }13 , 'should be able to remove a single event': function (done) {14 var el = this.byId('foo')15 , calls = 016 , trigger = this.trigger()17 , handler = trigger.wrap(function () {18 calls++19 bean.remove(el, 'click', handler)20 Syn.click(el)21 })22 trigger.after(function () {23 assert.equals(calls, 1, 'remove a single event')24 done()25 }, 50)26 bean.add(el, 'click', handler)27 Syn.click(el)28 }29 , 'should be able to remove mulitple events with an object literal': function (done) {30 var el = this.byId('input')31 , calls = 032 , trigger = this.trigger()33 , handler1 = function () {34 calls++35 bean.remove(el, {36 click : trigger.wrapped(handler1)37 , keydown : trigger.wrapped(handler2)38 })39 Syn.click(el)40 Syn.key('j', el)41 }42 , handler2 = this.spy()43 , handler3 = this.spy()44 trigger.after(function () {45 assert.equals(calls, 1, 'remove a events with object literal')46 refute(handler2.called, 'correct handler properly removed')47 assert.equals(handler3.callCount, 1, 'non-matching handler should not be removed')48 done()49 }, 50)50 bean.add(el, 'click' , trigger.wrap(handler1))51 bean.add(el, 'keydown', trigger.wrap(handler2))52 bean.add(el, 'keydown', trigger.wrap(handler3))53 Syn.click(el)54 }55 , 'should be able to remove all events of a specific type': function (done) {56 var el = this.byId('input')57 , calls = 058 , trigger = this.trigger()59 , handler1 = this.spy()60 , handler2 = function () {61 calls++62 bean.remove(el, 'click')63 Syn.click(el)64 }65 trigger.after(function () {66 assert.equals(calls, 1, 'removes all events of a specific type')67 assert.equals(handler1.callCount, 1, 'removes all events of a specific type')68 done()69 }, 50)70 bean.add(el, 'click', trigger.wrap(handler1))71 bean.add(el, 'click', trigger.wrap(handler2))72 Syn.click(el)73 }74 , 'should be able to remove all events of a specific type (multiple)': function (done) {75 var el = this.byId('input')76 , calls = 077 , trigger = this.trigger()78 , handler1 = this.spy()79 , handler2 = function () {80 calls++81 bean.remove(el, 'mousedown mouseup')82 Syn.click(el)83 }84 trigger.after(function () {85 assert.equals(calls, 1, 'removes all events of a specific type')86 assert.equals(handler1.callCount, 1, 'removes all events of a specific type')87 done()88 }, 50)89 bean.add(el, 'mousedown', trigger.wrap(handler1))90 bean.add(el, 'mouseup', trigger.wrap(handler2))91 Syn.click(el)92 }93 , 'should be able to remove all events': function (done) {94 var el = this.byId('input')95 , calls = 096 , trigger = this.trigger()97 , handler1 = function () {98 calls++99 bean.remove(el)100 Syn.click(el)101 Syn.key('j', el)102 }103 , handler2 = this.spy()104 trigger.after(function () {105 assert.equals(calls, 1, 'removes all events')106 assert.equals(handler2.callCount, 0, 'removes all events')107 done()108 }, 50)109 bean.add(el, 'click', trigger.wrap(handler1))110 bean.add(el, 'keydown', trigger.wrap(handler2))111 112 Syn.click(el)113 }114 , 'should only remove events of specified type': function (done) {115 // testing that bean.remove(el, type) removes *only* of that type and no others116 var el = this.byId('input')117 , calls = 0118 , trigger = this.trigger()119 , handler1 = this.spy()120 , handler2 = function (e) {121 calls++122 bean.remove(el, e.type)123 }124 trigger.after(function () {125 assert.equals(calls, 2, 'removes all events of a specific type')126 assert.equals(handler1.callCount, 2, 'removes all events of a specific type')127 done()128 }, 50)129 bean.add(el, 'click', trigger.wrap(handler1))130 bean.add(el, 'keyup', trigger.wrap(handler1))131 bean.add(el, 'click', trigger.wrap(handler2))132 bean.add(el, 'keyup', trigger.wrap(handler2))133 Syn.click(el)134 Syn.key(el, 'f')135 Syn.click(el)136 Syn.key(el, 'f')137 }138 , 'should only remove events for specified handler': function (done) {139 // testing that bean.remove(el, fn) removes *only* that handler and no others140 var el = this.byId('input')141 , trigger = this.trigger()142 , handler1 = this.spy()143 , handler2 = this.spy()144 trigger.after(function () {145 assert.equals(handler1.callCount, 0, 'removes all events of a specific handler')146 assert.equals(handler2.callCount, 2, 'removes all events of a specific handler')147 done()148 }, 50)149 bean.add(el, 'click', trigger.wrap(handler1))150 bean.add(el, 'keyup', trigger.wrap(handler1))151 bean.add(el, 'click', trigger.wrap(handler2))152 bean.add(el, 'keyup', trigger.wrap(handler2))153 bean.remove(el, trigger.wrapped(handler1))154 Syn.click(el)155 Syn.key(el, 'f')156 }157 , 'should remove all events, including namespaced': function (done) {158 // testing that bean.remove(el, fn) removes *only* that handler and no others159 var el = this.byId('input')160 , handler1 = this.spy()161 , handler2 = this.spy()162 bean.add(el, 'click.foo', handler1)163 bean.add(el, 'click', handler1)164 bean.add(el, 'keyup.bar', handler2)165 bean.add(el, 'keyup', handler2)166 bean.remove(el)167 Syn.click(el)168 Syn.key(el, 'f')169 defer(function () {170 assert.equals(handler1.callCount, 0, 'removes all events')171 assert.equals(handler2.callCount, 0, 'removes all events')172 done()173 }, 100)174 }175 , 'should be able to remove all events of a certain namespace': function (done) {176 var el = this.byId('input')177 , calls = 0178 , trigger = this.trigger()179 , handler1 = function () {180 calls++181 bean.remove(el, '.foo')182 Syn.click(el)183 Syn.key('j', el)184 }185 , handler2 = this.spy()186 , handler3 = this.spy()187 trigger.after(function () {188 assert.equals(calls, 1, 'removes all events of a certain namespace')189 assert.equals(handler2.callCount, 0, 'removes all events of a certain namespace')190 assert.equals(handler3.callCount, 2, 'removes all events of a certain namespace')191 done()192 }, 50)193 bean.add(el, 'click.foo', trigger.wrap(handler1))194 bean.add(el, 'keydown.foo', trigger.wrap(handler2))195 bean.add(el, 'click.bar', trigger.wrap(handler3))196 Syn.click(el)197 }198 , 'should only remove event if the remove namespaces is within the event namespace or if the event namespace is within the remove namespace': function (done) {199 var el = this.byId('foo')200 , trigger = this.trigger()201 , spy = this.spy()202 trigger.after(function () {203 assert.equals(spy.callCount, 4, 'calls on appropriate namespaces')204 done()205 })206 bean.remove(el)207 bean.add(el, 'fat.test1.foo.ded fat.test2.foo fat.test1.foo', trigger.wrap(spy))208 bean.fire(el, 'fat.test1.ded', ['1'])209 bean.fire(el, 'fat.test2', ['2'])210 bean.remove(el, '.foo.ded')211 bean.fire(el, 'fat.foo', ['3'])212 }...

Full Screen

Full Screen

events.js

Source:events.js Github

copy

Full Screen

1var tape = require("tape");2var on = require("../../lib/events/on");3var off = require("../../lib/events/off");4var trigger = require("../../lib/events/trigger");5var el = document.createElement("div");6var el2 = document.createElement("span");7var els = [el, el2];8var classCb = function() {9 this.className += "on";10};11var attrCb = function() {12 this.setAttribute("data-state", this.getAttribute("data-state") + "ON");13};14tape("test events on/off/trigger for one element, one event", function(t) {15 el.className = "";16 on(el, "click", classCb);17 trigger(el, "click");18 t.equal(el.className, "on", "attached callback has been fired properly");19 el.className = "off";20 off(el, "click", classCb);21 trigger(el, "click");22 t.equal(el.className, "off", "triggered event didn't fire detached callback");23 t.end();24});25tape("test events on/off/trigger for multiple elements, one event", function(26 t27) {28 el.className = "";29 el2.className = "";30 on(els, "click", classCb);31 trigger(els, "click");32 t.equal(33 el.className,34 "on",35 "attached callback has been fired properly on the first element"36 );37 t.equal(38 el2.className,39 "on",40 "attached callback has been fired properly on the second element"41 );42 el.className = "off";43 el2.className = "off";44 off(els, "click", classCb);45 trigger(els, "click");46 t.equal(47 el.className,48 "off",49 "triggered event didn't fire detached callback on the first element"50 );51 t.equal(52 el2.className,53 "off",54 "triggered event didn't fire detached callback on the second element"55 );56 t.end();57});58tape("test events on/off/trigger for one element, multiple events", function(59 t60) {61 el.className = "";62 on(el, "click mouseover", classCb);63 trigger(el, "click mouseover");64 t.equal(el.className, "onon", "attached callbacks have been fired properly");65 el.className = "off";66 off(el, "click mouseover", classCb);67 trigger(el, "click mouseover");68 t.equal(69 el.className,70 "off",71 "triggered events didn't fire detached callback"72 );73 t.end();74});75tape(76 "test events on/off/trigger for multiple elements, multiple events",77 function(t) {78 el.className = "";79 el2.className = "";80 el.setAttribute("data-state", "");81 el2.setAttribute("data-state", "");82 on(els, "click mouseover", classCb);83 on(els, "resize scroll", attrCb);84 trigger(els, "click mouseover resize scroll");85 t.equal(86 el.className,87 "onon",88 "attached callbacks has been fired properly on the first element"89 );90 t.equal(91 el.getAttribute("data-state"),92 "ONON",93 "attached callbacks has been fired properly on the first element"94 );95 t.equal(96 el2.className,97 "onon",98 "attached callbacks has been fired properly on the second element"99 );100 t.equal(101 el2.getAttribute("data-state"),102 "ONON",103 "attached callbacks has been fired properly on the second element"104 );105 el.className = "off";106 el2.className = "off";107 el.setAttribute("data-state", "off");108 el2.setAttribute("data-state", "off");109 off(els, "click mouseover", classCb);110 off(els, "resize scroll", attrCb);111 trigger(els, "click mouseover resize scroll");112 t.equal(113 el.className,114 "off",115 "triggered events didn't fire detached callbacks on the first element"116 );117 t.equal(118 el.getAttribute("data-state"),119 "off",120 "triggered events didn't fire detached callbacks on the first element"121 );122 t.equal(123 el2.className,124 "off",125 "triggered events didn't fire detached callbacks on the first element"126 );127 t.equal(128 el2.getAttribute("data-state"),129 "off",130 "triggered events didn't fire detached callbacks on the first element"131 );132 t.end();133 }134);135tape("test events on top level elements", function(t) {136 var el = document;137 el.className = "";138 on(el, "click", classCb);139 trigger(el, "click");140 t.equal(141 el.className,142 "on",143 "attached callback has been fired properly on document"144 );145 el = window;146 el.className = "";147 // With jsdom, the default this is global, not window, so we need to explicitly bind to window.148 on(el, "click", classCb.bind(window));149 trigger(el, "click");150 t.equal(151 el.className,152 "on",153 "attached callback has been fired properly on window"154 );155 t.end();...

Full Screen

Full Screen

demo.js

Source:demo.js Github

copy

Full Screen

...20 // Run tests21 await page.goto(`${URL}/signup`);22 await percySnapshot(page, 'Signup Page', {widths: TEST_WIDTHS});23 await page.$eval('#signup-email', el => el.setAttribute('value',"test@percy.io"));24 await page.$eval('#signup-submit', el => el.click());25 await percySnapshot(page, 'Signup Page Validation', {widths: TEST_WIDTHS});26 await page.goto(`${URL}/login`);27 await percySnapshot(page, 'Login Page', {widths: TEST_WIDTHS});28 await page.$eval('#login-email', el => el.setAttribute('value',"test-login@percy.io"));29 await page.$eval('#login-submit', el => el.click());30 await percySnapshot(page, 'Login Page Validation', {widths: TEST_WIDTHS});31 await page.goto(`${URL}/`);32 await percySnapshot(page, 'Index Page', {widths: TEST_WIDTHS});33 await page.$eval('#menu-toggle', el => el.click());34 await percySnapshot(page, 'Index Page Menu Closed', {widths: TEST_WIDTHS,percyCSS:'.card-body { visibility: hidden; }'});35 // reset menu36 await page.$eval('#menu-toggle', el => el.click());37 await page.$eval('#messages-toggle', el => el.click());38 await page.$eval('#todo-toggle', el => el.click());39 await page.$eval('#calendar-toggle', el => el.click());40 await percySnapshot(page, 'Index Top Row Collapsed', {widths: TEST_WIDTHS,percyCSS:'.card-body { visibility: hidden; }'});41 // reset page42 await page.$eval('#messages-toggle', el => el.click());43 await page.$eval('#todo-toggle', el => el.click());44 await page.$eval('#calendar-toggle', el => el.click());45 await page.click('#nav-profile-menu');46 await percySnapshot(page, 'Profile Menu', {widths: TEST_WIDTHS,percyCSS:'.card-body { visibility: hidden; }'});47 // reset Page48 await page.click('#nav-profile-menu');49 await page.click('#nav-messages-menu');50 await percySnapshot(page, 'Messages Menu', {widths: TEST_WIDTHS,percyCSS:'.card-body { visibility: hidden; }'});51 // reset page52 await page.click('#nav-messages-menu');53 await page.click('#nav-tasks-menu');54 await percySnapshot(page, 'Tasks Menu', {widths: TEST_WIDTHS});55 await page.goto(`${URL}/404_error`);56 await percySnapshot(page, '404 Page', {widths: TEST_WIDTHS});57 await page.goto(`${URL}/500_error`);58 await percySnapshot(page, '500 Page', {widths: TEST_WIDTHS});...

Full Screen

Full Screen

DomEventSpec.js

Source:DomEventSpec.js Github

copy

Full Screen

1describe('DomEvent', function () {2 var el;3 function simulateClick(el) {4 if (document.createEvent) {5 var e = document.createEvent('MouseEvents');6 e.initMouseEvent('click', true, true, window,7 0, 0, 0, 0, 0, false, false, false, false, 0, null);8 return el.dispatchEvent(e);9 } else if (el.fireEvent) {10 return el.fireEvent('onclick');11 }12 }13 beforeEach(function () {14 el = document.createElement('div');15 el.style.position = 'absolute';16 el.style.top = el.style.left = '-10000px';17 document.body.appendChild(el);18 });19 afterEach(function () {20 document.body.removeChild(el);21 });22 describe('#addListener', function () {23 it('adds a listener and calls it on event', function () {24 var listener1 = sinon.spy(),25 listener2 = sinon.spy();26 L.DomEvent.addListener(el, 'click', listener1);27 L.DomEvent.addListener(el, 'click', listener2);28 simulateClick(el);29 expect(listener1.called).to.be.ok();30 expect(listener2.called).to.be.ok();31 });32 it('binds "this" to the given context', function () {33 var obj = {foo: 'bar'},34 result;35 L.DomEvent.addListener(el, 'click', function () {36 result = this;37 }, obj);38 simulateClick(el);39 expect(result).to.eql(obj);40 });41 it('passes an event object to the listener', function () {42 var type;43 L.DomEvent.addListener(el, 'click', function (e) {44 type = e && e.type;45 });46 simulateClick(el);47 expect(type).to.eql('click');48 });49 it('is chainable', function () {50 var res = L.DomEvent.addListener(el, 'click', function () {});51 expect(res.addListener).to.be.a('function');52 });53 });54 describe('#removeListener', function () {55 it('removes a previously added listener', function () {56 var listener = sinon.spy();57 L.DomEvent.addListener(el, 'click', listener);58 L.DomEvent.removeListener(el, 'click', listener);59 simulateClick(el);60 expect(listener.called).to.not.be.ok();61 });62 it('is chainable', function () {63 var res = L.DomEvent.removeListener(el, 'click', function () {});64 expect(res.removeListener).to.be.a('function');65 });66 });67 describe('#stopPropagation', function () {68 it('stops propagation of the given event', function () {69 var child = document.createElement('div'),70 listener = sinon.spy();71 el.appendChild(child);72 L.DomEvent.addListener(child, 'click', L.DomEvent.stopPropagation);73 L.DomEvent.addListener(el, 'click', listener);74 simulateClick(child);75 expect(listener.called).to.not.be.ok();76 el.removeChild(child);77 });78 });79 describe('#preventDefault', function () {80 it('prevents the default action of event', function () {81 L.DomEvent.addListener(el, 'click', L.DomEvent.preventDefault);82 expect(simulateClick(el)).to.be(false);83 });84 });...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const wdio = require('webdriverio');2const assert = require('assert');3const opts = {4 desiredCapabilities: {5 }6};7(async () => {8 const client = await wdio.remote(opts);

Full Screen

Using AI Code Generation

copy

Full Screen

1const wdio = require("webdriverio");2const assert = require("assert");3const opts = {4 capabilities: {5 waitForAppScript: "$.delay(10000); $.acceptAlert(); true;"6 }7};8(async () => {9 const client = await wdio.remote(opts);10 const el = await client.$("~Home");11 await el.click();12 const el2 = await client.$("~Button");13 await el2.click();14 const el3 = await client.$("~Button");15 await el3.click();16 const el4 = await client.$("~Button");17 await el4.click();18 const el5 = await client.$("~Button");19 await el5.click();20 const el6 = await client.$("~Button");

Full Screen

Using AI Code Generation

copy

Full Screen

1el.click();2el.click();3el.click();4el.click();5el.click();6el.click();7el.click();8el.click();9el.click();10el.click();11el.click();12el.click();13el.click();14el.click();15el.click();16el.click();17el.click();18el.click();19el.click();20el.click();21el.click();22el.click();23el.click();24el.click();25el.click();26el.click();27el.click();28el.click();29el.click();30el.click();31el.click();

Full Screen

Using AI Code Generation

copy

Full Screen

1var wd = require('wd');2var assert = require('assert');3var caps = {4};5var driver = wd.promiseChainRemote('localhost', 4723);6 .init(caps)7 .sendKeys('Hello World')8 .click()9 .sleep(2000)10 .quit();

Full Screen

Using AI Code Generation

copy

Full Screen

1var el = driver.findElement(By.id('com.apple.springboard:id/icon'));2driver.execute('mobile: tap', {element: el});3driver.execute('mobile: tap', {x: 100, y: 100});4var el = driver.findElement(By.id('com.apple.springboard:id/icon'));5el.tap(1, 100, 100);6[debug] [JSONWP Proxy] Got response with status 200: {"value":{"ELEMENT":"E1A9A9E5-5C5D-4C1E-8BFF-0B0B8C8F3B3B","type":"XCUIElementTypeIcon","label":"Phone"},"sessionId":"C7F2E2C1-8E1A-4E9C-B6C0-6C8E0A6A4E6C","status":0}7[debug] [MJSONWP] Responding to client with driver.execute() result: {"ELEMENT":"E1A9A9E5-5C5D-4C1E-8BFF-0B0B8C8F3B3B","type":"XCUIElementTypeIcon","label":"Phone"}

Full Screen

Using AI Code Generation

copy

Full Screen

1el.click();2el.sendKeys("text");3el.click();4el.sendKeys("text");5el.click();6el.sendKeys("text");7el.click();8el.sendKeys("text");9el.click();10el.sendKeys("text");11el.click();12el.sendKeys("text");13el.click();

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 Xcuitest Driver automation tests on LambdaTest cloud grid

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

Sign up Free
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful