KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

How to use _waitFunction method in chromy

Best JavaScript code snippet using chromy

materialize-directive.js

Source:materialize-directive.js

1import { Directive, ElementRef, Input, Output, EventEmitter } from '@angular/core';2import { CustomEvent } from './custom-event-polyfill';3var MaterializeDirective = (function () {4    /**5     * @param {?} _el6     */7    function MaterializeDirective(_el) {8        this._el = _el;9        this._params = null;10        this._functionName = null;11        this.previousValue = null;12        this.previousDisabled = false;13        this._waitFunction = {};14        this.changeListenerShouldBeAdded = true;15        this.init = new EventEmitter();16        this.initialized = false;17    }18    Object.defineProperty(MaterializeDirective.prototype, "materializeParams", {19        /**20         * @param {?} params21         * @return {?}22         */23        set: function (params) {24            this._params = params;25            this.performElementUpdates();26        },27        enumerable: true,28        configurable: true29    });30    Object.defineProperty(MaterializeDirective.prototype, "materializeActions", {31        /**32         * @param {?} actions33         * @return {?}34         */35        set: function (actions) {36            var _this = this;37            actions.subscribe(function (action) {38                window.setTimeout(function () {39                    if (typeof action === "string") {40                        _this.performLocalElementUpdates(action);41                    }42                    else {43                        _this.performLocalElementUpdates(action.action, action.params);44                    }45                }, 1);46            });47        },48        enumerable: true,49        configurable: true50    });51    Object.defineProperty(MaterializeDirective.prototype, "materialize", {52        /**53         * @param {?} functionName54         * @return {?}55         */56        set: function (functionName) {57            this._functionName = functionName;58        },59        enumerable: true,60        configurable: true61    });62    Object.defineProperty(MaterializeDirective.prototype, "materializeSelectOptions", {63        /**64         * @param {?} options65         * @return {?}66         */67        set: function (options) {68        },69        enumerable: true,70        configurable: true71    });72    /**73     * @return {?}74     */75    MaterializeDirective.prototype.ngAfterViewInit = function () {76        this.performElementUpdates();77    };78    /**79     * @param {?=} _unused80     * @return {?}81     */82    MaterializeDirective.prototype.ngOnChanges = function (_unused) {83        var _this = this;84        if (this.isSelect()) {85            setTimeout(function () { return _this.performLocalElementUpdates(); }, 10);86        }87    };88    /**89     * @return {?}90     */91    MaterializeDirective.prototype.ngOnDestroy = function () {92        this.performElementRemotion();93    };94    /**95     * @return {?}96     */97    MaterializeDirective.prototype.ngDoCheck = function () {98        var /** @type {?} */ nativeElement = this._el.nativeElement;99        var /** @type {?} */ jQueryElement = $(nativeElement);100        if (this.isSelect()) {101            var /** @type {?} */ shouldUpdate = false;102            if (nativeElement.disabled != this.previousDisabled) {103                this.previousDisabled = nativeElement.disabled;104                shouldUpdate = true;105            }106            if (!jQueryElement.attr("multiple") && nativeElement.value != this.previousValue) {107                // handle select changes of the model108                this.previousValue = nativeElement.value;109                shouldUpdate = true;110            }111            if (shouldUpdate) {112                this.performLocalElementUpdates();113            }114        }115        else if (this.isTextarea()) {116            if (nativeElement.value != this.previousValue) {117                this.previousValue = nativeElement.value;118                this.performElementUpdates();119            }120        }121        return false;122    };123    /**124     * @return {?}125     */126    MaterializeDirective.prototype.performElementRemotion = function () {127        if (this.isTooltip()) {128            var /** @type {?} */ nativeElement = this._el.nativeElement;129            var /** @type {?} */ jQueryElement = $(nativeElement);130            var /** @type {?} */ tooltipId = jQueryElement.attr('data-tooltip-id');131            if (tooltipId) {132                $('#' + tooltipId).remove();133            }134        }135    };136    /**137     * @return {?}138     */139    MaterializeDirective.prototype.performElementUpdates = function () {140        var _this = this;141        // it should have been created by now, but confirm anyway142        if (Materialize && Materialize.updateTextFields) {143            Materialize.updateTextFields();144        }145        // handle select changes from the HTML146        if (this.isSelect() && this.changeListenerShouldBeAdded) {147            var /** @type {?} */ nativeElement_1 = this._el.nativeElement;148            var /** @type {?} */ jQueryElement = $(nativeElement_1);149            jQueryElement.on("change", function (e) {150                if (!e.originalEvent || !e.originalEvent.internalToMaterialize) {151                    var /** @type {?} */ event_1 = document.createEvent("CustomEvent");152                    //if (jQueryElement.attr("multiple")) {153                    //event.initCustomEvent("input",false,false,undefined);154                    //}155                    //else {156                    event_1.initCustomEvent("change", false, false, undefined);157                    //}158                    event_1.internalToMaterialize = true;159                    nativeElement_1.dispatchEvent(event_1);160                }161            });162            this.changeListenerShouldBeAdded = false;163        }164        if (this.isAutocomplete()) {165            var /** @type {?} */ nativeElement_2 = this._el.nativeElement;166            var /** @type {?} */ jQueryElement = $(nativeElement_2);167            jQueryElement.on("change", function (e) { return nativeElement_2.dispatchEvent(((CustomEvent("input")))); });168        }169        if (this.isDatePicker()) {170            var /** @type {?} */ nativeElement_3 = this._el.nativeElement;171            var /** @type {?} */ jqueryPickerElement_1 = $(nativeElement_3);172            var /** @type {?} */ datePicker = jqueryPickerElement_1[this._functionName].apply(jqueryPickerElement_1, this._params);173            var /** @type {?} */ picker_1 = datePicker.pickadate('picker');174            setTimeout(function () {175                if (_this.ngModel) {176                    picker_1.set('select', _this.ngModel);177                }178                else {179                    var /** @type {?} */ value = jqueryPickerElement_1.val();180                    if (value && value.length > 0) {181                        picker_1.set('select', value);182                    }183                }184                jqueryPickerElement_1.on('change', function (e) { return nativeElement_3.dispatchEvent(((CustomEvent("input")))); });185            });186        }187        if (this.isTimePicker()) {188            var /** @type {?} */ nativeElement_4 = this._el.nativeElement;189            var /** @type {?} */ jqueryPickerElement_2 = $(nativeElement_4);190            var /** @type {?} */ timePicker = jqueryPickerElement_2[this._functionName].apply(jqueryPickerElement_2, this._params);191            var /** @type {?} */ picker_2 = timePicker.pickatime('picker');192            setTimeout(function () {193                if (_this.ngModel) {194                    picker_2.val(_this.ngModel);195                }196                else {197                    picker_2.val(jqueryPickerElement_2.val());198                }199                jqueryPickerElement_2.on('change', function (e) { return nativeElement_4.dispatchEvent(((CustomEvent("input")))); });200            });201        }202        if (this.isChips()) {203            var /** @type {?} */ nativeElement_5 = this._el.nativeElement;204            var /** @type {?} */ jQueryElement = $(nativeElement_5);205            jQueryElement.on("chip.add", function (e, chip) { return nativeElement_5.dispatchEvent(((CustomEvent("chip.add", chip)))); });206            jQueryElement.on("chip.delete", function (e, chip) { return nativeElement_5.dispatchEvent(((CustomEvent("chip.delete", chip)))); });207            jQueryElement.on("chip.select", function (e, chip) { return nativeElement_5.dispatchEvent(((CustomEvent("chip.select", chip)))); });208        }209        if (this.isTextarea()) {210            this._el.nativeElement.dispatchEvent(((CustomEvent("autoresize", {211                bubbles: true,212                cancelable: false,213                detail: undefined214            }))));215        }216        this.performLocalElementUpdates();217    };218    /**219     * @param {?=} functionName220     * @param {?=} params221     * @return {?}222     */223    MaterializeDirective.prototype.performLocalElementUpdates = function (functionName, params) {224        var _this = this;225        if (functionName === void 0) { functionName = this._functionName; }226        if (params === void 0) { params = this._params; }227        if (this._waitFunction[functionName]) {228            return;229        }230        this._waitFunction[functionName] = true;231        $(document).ready(function () {232            _this._waitFunction[functionName] = false;233            if (functionName) {234                var /** @type {?} */ jQueryElement = $(_this._el.nativeElement);235                if (jQueryElement[functionName]) {236                    if (params) {237                        if (params instanceof Array) {238                            jQueryElement[functionName].apply(jQueryElement, params);239                        }240                        else {241                            throw new Error("Params has to be an array.");242                        }243                    }244                    else {245                        jQueryElement[functionName]();246                    }247                }248                else {249                    // fallback to running this function on the global Materialize object250                    if (Materialize[functionName]) {251                        if (params) {252                            if (params instanceof Array) {253                                Materialize[functionName].apply(Materialize, params);254                            }255                            else {256                                throw new Error("Params has to be an array.");257                            }258                        }259                        else {260                            Materialize[functionName]();261                        }262                    }263                    else {264                        throw new Error("Couldn't find materialize function ''" + functionName + "' on element or the global Materialize object.");265                    }266                }267                if (!_this.initialized) {268                    _this.initialized = true;269                    _this.init.emit();270                }271            }272        });273    };274    /**275     * @return {?}276     */277    MaterializeDirective.prototype.isTooltip = function () {278        return (this._functionName && this._functionName === "tooltip");279    };280    /**281     * @return {?}282     */283    MaterializeDirective.prototype.isSelect = function () {284        return (this._functionName && this._functionName === "material_select");285    };286    /**287     * @return {?}288     */289    MaterializeDirective.prototype.isDatePicker = function () {290        return (this._functionName && this._functionName === "pickadate");291    };292    /**293     * @return {?}294     */295    MaterializeDirective.prototype.isTimePicker = function () {296        return (this._functionName && this._functionName === "pickatime");297    };298    /**299     * @return {?}300     */301    MaterializeDirective.prototype.isChips = function () {302        return (this._functionName && this._functionName === "material_chip");303    };304    /**305     * @return {?}306     */307    MaterializeDirective.prototype.isAutocomplete = function () {308        return (this._functionName && this._functionName === "autocomplete");309    };310    /**311     * @return {?}312     */313    MaterializeDirective.prototype.isTextarea = function () {314        return this._el.nativeElement.nodeName == "TEXTAREA";315    };316    /**317     * @return {?}318     */319    MaterializeDirective.prototype.enableDPButtons = function () {320        $('.picker__clear').removeAttr("disabled");321        $('.picker__today').removeAttr("disabled");322        $('.picker__close').removeAttr("disabled");323        $('.picker__select--year').removeAttr("disabled");324        $('.picker__select--month').removeAttr("disabled");325    };326    return MaterializeDirective;327}());328export { MaterializeDirective };329MaterializeDirective.decorators = [330    { type: Directive, args: [{331                selector: '[materialize]'332            },] },333];334/**335 * @nocollapse336 */337MaterializeDirective.ctorParameters = function () { return [338    { type: ElementRef, },339]; };340MaterializeDirective.propDecorators = {341    'init': [{ type: Output },],342    'materializeParams': [{ type: Input },],343    'materializeActions': [{ type: Input },],344    'materialize': [{ type: Input },],345    'materializeSelectOptions': [{ type: Input },],346    'ngModel': [{ type: Input },],347};348function MaterializeDirective_tsickle_Closure_declarations() {349    /** @type {?} */350    MaterializeDirective.decorators;351    /**352     * @nocollapse353     * @type {?}354     */355    MaterializeDirective.ctorParameters;356    /** @type {?} */357    MaterializeDirective.propDecorators;358    /** @type {?} */359    MaterializeDirective.prototype._params;360    /** @type {?} */361    MaterializeDirective.prototype._functionName;362    /** @type {?} */363    MaterializeDirective.prototype.previousValue;364    /** @type {?} */365    MaterializeDirective.prototype.previousDisabled;366    /** @type {?} */367    MaterializeDirective.prototype._waitFunction;368    /** @type {?} */369    MaterializeDirective.prototype.changeListenerShouldBeAdded;370    /** @type {?} */371    MaterializeDirective.prototype.init;372    /** @type {?} */373    MaterializeDirective.prototype.initialized;374    /** @type {?} */375    MaterializeDirective.prototype.ngModel;376    /** @type {?} */377    MaterializeDirective.prototype._el;...

materialize-directive.ts

Source:materialize-directive.ts

1import {2  Directive,3  ElementRef,4  Input,5  Output,6  DoCheck,7  OnChanges,8  OnDestroy,9  AfterViewInit,10  EventEmitter11} from '@angular/core';12import {CustomEvent} from "./custom-event-polyfill";13declare var $:any;14declare var Materialize:any;15// export type MaterializeOptions =16  // "collapsible" |17  // "dropdown" |18  // "materialbox" |19  // "tabs" |20  // "tooltip" |21  // "characterCounter" |22  // "material_select" |23  // "sideNav" |24  // "modal";25export interface MaterializeAction {26  action:string;27  params:[any];28}29@Directive({30    selector: '[materialize]'31})32export class MaterializeDirective implements AfterViewInit,DoCheck,OnChanges,OnDestroy {33    private _params:[any] = null;34    private _functionName:string = null;35    private previousValue = null;36    private previousDisabled = false;37    private _waitFunction: any = { };38    private changeListenerShouldBeAdded = true;39    @Output() public init = new EventEmitter<void>();40    private initialized = false;41    constructor(private _el: ElementRef) { }42    @Input() public set materializeParams(params:any) {43      this._params = params;44      this.performElementUpdates();45    }46    @Input() public set materializeActions(actions:EventEmitter<string|MaterializeAction>) {47      actions.subscribe((action:string|MaterializeAction) => {48        if (typeof action === "string") {49          this.performLocalElementUpdates(action);50        } else {51          this.performLocalElementUpdates(action.action,action.params);52        }53      })54    }55    @Input() public set materialize(functionName:string) {56      this._functionName = functionName;57    }58    // this is here to trigger change detection for select elements59    @Input() public set materializeSelectOptions(options:any) { }60    //used for the datepicker at the moment61    @Input() ngModel;62    public ngAfterViewInit() {63      this.performElementUpdates();64    }65    public ngOnChanges(_unused?) {66      if (this.isSelect()) {67        setTimeout(() => this.performLocalElementUpdates(), 10);68      }69    }70    public ngOnDestroy() {71      this.performElementRemotion();72    }73    public ngDoCheck() {74      const nativeElement = this._el.nativeElement;75      const jQueryElement = $(nativeElement);76      if (this.isSelect()) {77        let shouldUpdate = false;78        if (nativeElement.disabled != this.previousDisabled) {79          this.previousDisabled = nativeElement.disabled;80          shouldUpdate = true;81        }82        if (!jQueryElement.attr("multiple") && nativeElement.value!=this.previousValue) {83          // handle select changes of the model84          this.previousValue = nativeElement.value;85          shouldUpdate = true;86        }87        if (shouldUpdate) {88          this.performLocalElementUpdates();89        }90      } else if (this.isTextarea()) {91        if (nativeElement.value!=this.previousValue) {92          this.previousValue = nativeElement.value;93          this.performElementUpdates();94        }95      }96      return false;97    }98    private performElementRemotion() {99      if (this.isTooltip()) {100        const nativeElement = this._el.nativeElement;101        const jQueryElement = $(nativeElement);102        const tooltipId = jQueryElement.attr('data-tooltip-id');103        if (tooltipId) {104          $('#' + tooltipId).remove();105        }106      }107    }108    private performElementUpdates() {109      // it should have been created by now, but confirm anyway110      if (Materialize && Materialize.updateTextFields) {111        Materialize.updateTextFields();112      }113      // handle select changes from the HTML114      if (this.isSelect() && this.changeListenerShouldBeAdded) {115        const nativeElement = this._el.nativeElement;116        const jQueryElement = $(nativeElement);117        jQueryElement.on("change", e => {118          if (!e.originalEvent || !e.originalEvent.internalToMaterialize) {119            const event:any = document.createEvent("CustomEvent");120            //if (jQueryElement.attr("multiple")) {121              //event.initCustomEvent("input",false,false,undefined);122            //}123            //else {124              event.initCustomEvent("change",false,false,undefined);125            //}126            event.internalToMaterialize = true;127            nativeElement.dispatchEvent(event);128          }129        });130        this.changeListenerShouldBeAdded = false;131      }132      if (this.isAutocomplete()) {133        const nativeElement = this._el.nativeElement;134        const jQueryElement = $(nativeElement);135        jQueryElement.on("change", e => nativeElement.dispatchEvent((<any>CustomEvent("input"))));136      }137        if (this.isDatePicker()) {138            const nativeElement = this._el.nativeElement;139            const jqueryPickerElement = $(nativeElement);140            const datePicker = jqueryPickerElement[this._functionName](...this._params);141            const picker = datePicker.pickadate('picker');142            setTimeout(() => {143                picker.set('select', this.ngModel);144                jqueryPickerElement.on('change', e => nativeElement.dispatchEvent(new Event('input')));145            });146        }147      if (this.isTimePicker()) {148        const nativeElement = this._el.nativeElement;149        const jQueryElement = $(nativeElement);150        jQueryElement.on("change", e => nativeElement.dispatchEvent((<any>CustomEvent("input"))));151      }152      if (this.isChips()) {153        const nativeElement = this._el.nativeElement;154        const jQueryElement = $(nativeElement);155        jQueryElement.on("chip.add", (e,chip) => nativeElement.dispatchEvent((<any>CustomEvent("chip.add",chip))));156        jQueryElement.on("chip.delete", (e,chip) => nativeElement.dispatchEvent((<any>CustomEvent("chip.delete",chip))));157        jQueryElement.on("chip.select", (e,chip) => nativeElement.dispatchEvent((<any>CustomEvent("chip.select",chip))));158      }159      if (this.isTextarea()) {160          this._el.nativeElement.dispatchEvent((<any>CustomEvent("autoresize", {bubbles: true, cancelable: false, detail: undefined})));161      }162      this.performLocalElementUpdates();163    }164    private performLocalElementUpdates(functionName=this._functionName, params=this._params) {165      if (this._waitFunction[functionName]) {166        return;167      }168      this._waitFunction[functionName] = true;169      $(document).ready(() => {170        this._waitFunction[functionName] = false;171        if (functionName) {172          const jQueryElement = $(this._el.nativeElement);173          if (jQueryElement[functionName]) {174            if (params) {175              if (params instanceof Array) {176                jQueryElement[functionName](...params);177              } else {178                throw new Error("Params has to be an array.");179              }180            } else {181              jQueryElement[functionName]();182            }183          } else {184            // fallback to running this function on the global Materialize object185            if (Materialize[functionName]) {186              if (params) {187                if (params instanceof Array) {188                  Materialize[functionName](...params);189                } else {190                  throw new Error("Params has to be an array.");191                }192              } else {193                Materialize[functionName]();194              }195            } else {196              throw new Error("Couldn't find materialize function ''" + functionName + "' on element or the global Materialize object.");197            }198          }199          if (!this.initialized) {200            this.initialized = true;201            this.init.emit();202          }203        }204      });205    }206    private isTooltip(){207      return (this._functionName && this._functionName === "tooltip");208    }209    private isSelect() {210      return (this._functionName && this._functionName === "material_select");211    }212    private isDatePicker() {213      return (this._functionName && this._functionName === "pickadate");214    }215    private isTimePicker() {216      return (this._functionName && this._functionName === "pickatime");217    }218    private isChips() {219      return (this._functionName && this._functionName === "material_chip");220    }221    private isAutocomplete() {222      return (this._functionName && this._functionName === "autocomplete");223    }224    private isTextarea() {225        return this._el.nativeElement.nodeName == "TEXTAREA";226    }227    private enableDPButtons(){228        $('.picker__clear').removeAttr("disabled");229        $('.picker__today').removeAttr("disabled");230        $('.picker__close').removeAttr("disabled");231        $('.picker__select--year').removeAttr("disabled");232        $('.picker__select--month').removeAttr("disabled");233    }...

ng-materializecss.directive.ts

Source:ng-materializecss.directive.ts

1import2	{3		AfterViewInit,4		Directive,5		DoCheck,6		ElementRef,7		EventEmitter, Input,8		OnChanges,9		OnDestroy,10		Output11	} from "@angular/core";12import { CustomEvent } from './custom-event-polyfill';13declare var $: any;14declare var M: any;15export interface NgMaterializecssAction16{17	action: string;18	params: any;19}20@Directive({21	selector: '[materialize]'22})23export class NgMaterializecssDirective implements AfterViewInit, DoCheck, OnChanges, OnDestroy24{25	private _params: any[] = [];26	private _functionName: string = '';27	private previousValue: any = null;28	private previousDisabled: boolean = false;29	private _waitFunction: any = {};30	private changeListenerShouldBeAdded: boolean = true;31	@Output() public init = new EventEmitter<void>();32	private initialized = false;33	constructor (private _el: ElementRef)34	{35	}36	37	@Input()38	public set materializeParams(params: any)39	{40		this._params = params;41		this.performElementUpdates();42	}43	44	@Input()45	public set materializeActions(actions: EventEmitter<string | NgMaterializecssAction>)46	{47		actions.subscribe((action: string | NgMaterializecssAction) =>48		{49			window.setTimeout(() =>50			{51				if (typeof action === "string")52				{53					this.performLocalElementUpdates(action);54				} else55				{56					this.performLocalElementUpdates(action.action, action.params);57				}58			}, 1);59		})60	}61	@Input()62	public set materialize(functionName: string)63	{64		this._functionName = functionName;65	}66	// this is here to trigger change detection for select elements67	@Input()68	public set materializeSelectOptions(options: any)69	{70	}71	//used for the datepicker at the moment72	@Input() ngModel:any;73	public ngAfterViewInit()74	{75		this.performElementUpdates();76	}77	public ngOnChanges(_unused?:any)78	{79		if (this.isSelect())80		{81			setTimeout(() => this.performLocalElementUpdates(), 30);82		}83	}84	public ngOnDestroy()85	{86		this.performElementRemotion();87	}88	public ngDoCheck()89	{90		const nativeElement = this._el.nativeElement;91		const jQueryElement = $(nativeElement);92		if (this.isSelect())93		{94			let shouldUpdate = false;95			if (nativeElement.disabled != this.previousDisabled)96			{97				this.previousDisabled = nativeElement.disabled;98				shouldUpdate = true;99			}100			if (!jQueryElement.attr("multiple") && nativeElement.value != this.previousValue)101			{102				// handle select changes of the model103				this.previousValue = nativeElement.value;104				shouldUpdate = true;105			}106			if (shouldUpdate)107			{108				this.performLocalElementUpdates();109			}110		} else if (this.isTextarea())111		{112			if (nativeElement.value != this.previousValue)113			{114				this.previousValue = nativeElement.value;115				this.performElementUpdates();116			}117		}118		return false;119	}120	private performElementRemotion()121	{122		if (this.isTooltip())123		{124			const nativeElement = this._el.nativeElement;125			const jQueryElement = $(nativeElement);126			const tooltipId = jQueryElement.attr('data-tooltip-id');127			if (tooltipId)128			{129				$('#' + tooltipId).remove();130			}131		}132	}133	private performElementUpdates()134	{135		// it should have been created by now, but confirm anyway136		if (M && M.updateTextFields)137		{138			M.updateTextFields();139		}140		// handle select changes from the HTML141		if (this.isSelect() && this.changeListenerShouldBeAdded)142		{143			const nativeElement = this._el.nativeElement;144			const jQueryElement = $(nativeElement);145			jQueryElement.on("change", (e:Event|any) =>146			{147				if (!e.originalEvent || !e.originalEvent.internalToMaterialize)148				{149					const event: any = document.createEvent("CustomEvent");150					//if (jQueryElement.attr("multiple")) {151					//event.initCustomEvent("input",false,false,undefined);152					//}153					//else {154					event.initCustomEvent("change", false, false, undefined);155					//}156					event.internalToMaterialize = true;157					nativeElement.dispatchEvent(event);158				}159			});160			this.changeListenerShouldBeAdded = false;161		}162		if (this.isAutocomplete())163		{164			const nativeElement = this._el.nativeElement;165			const jQueryElement = $(nativeElement);166			jQueryElement.on("change", (e:any) => nativeElement.dispatchEvent((<any>CustomEvent("input"))));167		}168		if (this.isDatePicker())169		{170			const nativeElement = this._el.nativeElement;171			const jqueryPickerElement = $(nativeElement);172			const datePicker = jqueryPickerElement[this._functionName](...this._params as any[]);173			const picker = datePicker.pickadate('picker');174			setTimeout(() =>175			{176				if (this.ngModel)177				{ // PR 292 - 1178					picker.set('select', this.ngModel);179				} else180				{181					const value = jqueryPickerElement.val();182					if (value && value.length > 0)183					{184						picker.set('select', value);185					}186				}187				jqueryPickerElement.on('change', (e: any) => nativeElement.dispatchEvent((<any>CustomEvent("input"))));188			});189		}190		if (this.isTimePicker())191		{192			const nativeElement = this._el.nativeElement;193			const jqueryPickerElement = $(nativeElement);194			const timePicker = jqueryPickerElement[this._functionName](...this._params as any[]);195			const picker = timePicker.pickatime('picker');196			setTimeout(() =>197			{198				if (this.ngModel)199				{200					picker.val(this.ngModel);201				} else202				{203					picker.val(jqueryPickerElement.val());204				}205				jqueryPickerElement.on('change', (e: any) => nativeElement.dispatchEvent((<any>CustomEvent("input"))));206			});207		}208		if (this.isChips())209		{210			const nativeElement = this._el.nativeElement;211			const jQueryElement = $(nativeElement);212			jQueryElement.on("chip.add", (e:any, chip: any) => nativeElement.dispatchEvent((<any>CustomEvent("chip.add", chip))));213			jQueryElement.on("chip.delete", (e:any, chip: any) => nativeElement.dispatchEvent((<any>CustomEvent("chip.delete", chip))));214			jQueryElement.on("chip.select", (e:any, chip: any) => nativeElement.dispatchEvent((<any>CustomEvent("chip.select", chip))));215		}216		if (this.isTextarea())217		{218			this._el.nativeElement.dispatchEvent((CustomEvent("autoresize", {219				bubbles: true,220				cancelable: false,221				detail: undefined222			})));223		}224		this.performLocalElementUpdates();225	}226	private performLocalElementUpdates(functionName = this._functionName, params = this._params)227	{228		if (this._waitFunction[functionName])229		{230			return;231		}232		this._waitFunction[functionName] = true;233		$(document).ready(() =>234		{235			this._waitFunction[functionName] = false;236			if (functionName)237			{238				const jQueryElement = $(this._el.nativeElement);239				if (jQueryElement[functionName])240				{241					if (params)242					{243						if (params instanceof Array)244						{245							jQueryElement[functionName](...params);246						} else247						{248							throw new Error("Params has to be an array.");249						}250					} else251					{252						jQueryElement[functionName]();253					}254				} else255				{256					// fallback to running this function on the global Materialize object257					if (M[functionName])258					{259						if (params)260						{261							if (params instanceof Array)262							{263								new M[functionName](this._el.nativeElement, ...params);264							} else265							{266								throw new Error("Params has to be an array.");267							}268						} else269						{270							new M[functionName](this._el);271						}272					} else273					{274						throw new Error("Couldn't find materialize function ''" + functionName + "' on element or the global Materialize object.");275					}276				}277				if (!this.initialized)278				{279					this.initialized = true;280					this.init.emit();281				}282			}283		});284	}285	286	private isTooltip()287	{288		return (this._functionName && this._functionName === "tooltip");289	}290	291	private isSelect()292	{293		return (this._functionName && this._functionName === "material_select");294	}295	296	private isDatePicker()297	{298		return (this._functionName && this._functionName === "pickadate");299	}300	301	private isTimePicker()302	{303		return (this._functionName && this._functionName === "pickatime");304	}305	306	private isChips()307	{308		return (this._functionName && this._functionName === "material_chip");309	}310	311	private isAutocomplete()312	{313		return (this._functionName && this._functionName === "autocomplete");314	}315	316	private isTextarea()317	{318		return this._el.nativeElement.nodeName == "TEXTAREA";319	}320	321	private enableDPButtons()322	{323		$('.picker__clear').removeAttr("disabled");324		$('.picker__today').removeAttr("disabled");325		$('.picker__close').removeAttr("disabled");326		$('.picker__select--year').removeAttr("disabled");327		$('.picker__select--month').removeAttr("disabled");328	}...

Using AI Code Generation

1var chromy = new Chromy({visible: true});2chromy.chain()3	.wait(5000)4	.evaluate(function() {5		return document.title;6	})7	.result(function(title) {8		console.log(title);9	})10	.end()11	.then(function() {12		console.log('Done!');13	});14var chromy = new Chromy({visible: true});15chromy.chain()16	.wait('#hplogo')17	.evaluate(function() {18		return document.title;19	})20	.result(function(title) {21		console.log(title);22	})23	.end()24	.then(function() {25		console.log('Done!');26	});27var chromy = new Chromy({visible: true});28chromy.chain()29	.wait('#hplogo')30	.evaluate(function() {31		return document.title;32	})33	.result(function(title) {34		console.log(title);35	})36	.end()37	.then(function() {38		console.log('Done!');39	});40var chromy = new Chromy({visible: true});41chromy.chain()42	.wait('#hplogo')43	.evaluate(function() {44		return document.title;45	})46	.result(function(title) {47		console.log(title);48	})49	.end()50	.then(function() {51		console.log('Done!');52	});53var chromy = new Chromy({visible: true});54chromy.chain()55	.wait('#hplogo')56	.evaluate(function() {57		return document.title;58	})59	.result(function(title) {60		console.log(title);

Using AI Code Generation

1const chromy = new Chromy({waitTimeout: 2000, visible: true});2chromy.chain()3    .type('input[name="q"]', 'Chrome')4    .click('input[value="Google Search"]')5    .wait('h3')6    .evaluate(() => {7        return document.querySelectorAll('h3').length;8    })9    .result((r) => {10        console.log(r);11    })12    .end()13    .then(() => {14        chromy.close();15    });16const chromy = new Chromy({waitTimeout: 2000, visible: true});17chromy.chain()18    .type('input[name="q"]', 'Chrome')19    .click('input[value="Google Search"]')20    .wait('h3')21    .evaluate(() => {22        return document.querySelectorAll('h3').length;23    })24    .result((r) => {25        console.log(r);26    })27    .end()28    .then(() => {29        chromy.close();30    });

Using AI Code Generation

1chromy._waitFunction(function() {2  return document.querySelector('#someElement');3});4chromy._waitFunction(function() {5  return document.querySelector('#someElement');6}, {timeout: 1000, interval: 100});7chromy._waitUntilVisible('#someElement');8chromy._waitUntilNotVisible('#someElement');9chromy._waitUntilEnabled('#someElement');

Using AI Code Generation

1var chromy = require('chromy');2chromy._waitFunction('return document.readyState == "complete"');3chromy._waitFunction('return document.readyState == "interactive"');4chromy._waitFunction('return document.readyState == "loading"');5chromy._waitFunction('return document.readyState == "loaded"');6var chromy = require('chromy');7chromy._waitFunction('return document.readyState == "complete"');8chromy._waitFunction('return document.readyState == "interactive"');9chromy._waitFunction('return document.readyState == "loading"');10chromy._waitFunction('return document.readyState == "loaded"');11var chromy = require('chromy');12chromy._waitFunction('return document.readyState == "complete"');13chromy._waitFunction('return document.readyState == "interactive"');14chromy._waitFunction('return document.readyState == "loading"');15chromy._waitFunction('return document.readyState == "loaded"');16var chromy = require('chromy');17chromy._waitFunction('return document.readyState == "complete"');18chromy._waitFunction('return document.readyState == "interactive"');19chromy._waitFunction('return document.readyState == "loading"');20chromy._waitFunction('return document.readyState == "loaded"');21var chromy = require('chromy');22chromy._waitFunction('return document.readyState == "complete"');23chromy._waitFunction('return document.readyState == "interactive"');24chromy._waitFunction('return document.readyState == "loading"');25chromy._waitFunction('return document.readyState == "loaded"');

Using AI Code Generation

1chromy._waitFunction(function() {2  return document.querySelector('body').innerText.indexOf('Hello World') !== -13})4chromy._wait(function() {5  return document.querySelector('body').innerText.indexOf('Hello World') !== -16})7chromy._wait(() => {8  return document.querySelector('body').innerText.indexOf('Hello World') !== -19})10chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1)11chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, 5000)12chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, '5000')13chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, '5000', 'Hello World')14chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, 5000, 'Hello World')15chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, '5000', 'Hello World')16chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, '5000', 'Hello World')17chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, '5000', 'Hello World')18chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, '5000', 'Hello World')19chromy._wait(() => document.querySelector('body').innerText.indexOf('Hello World') !== -1, '5000', 'Hello World')20chromy._wait(()

Using AI Code Generation

1const chromy = new Chromy()2    .wait(function () {3        return document.querySelector('h1').textContent === 'Example Domain'4    }, 10000)5    .end()6    .then(function () {7        console.log('done')8    })9    .catch(function (err) {10        console.log(err)11    })12chromy.close()

Using AI Code Generation

1chromy._waitFunction(function() {2    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;3}, 1000, 10000);4chromy._waitFunction(function() {5    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;6}, 1000, 10000);7chromy._waitFunction(function() {8    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;9}, 1000, 10000);10chromy._waitFunction(function() {11    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;12}, 1000, 10000);13chromy._waitFunction(function() {14    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;15}, 1000, 10000);16chromy._waitFunction(function() {17    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;18}, 1000, 10000);19chromy._waitFunction(function() {20    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;21}, 1000, 10000);22chromy._waitFunction(function() {23    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;24}, 1000, 10000);25chromy._waitFunction(function() {26    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;27}, 1000, 10000);28chromy._waitFunction(function() {29    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;30}, 1000, 10000);31chromy._waitFunction(function() {32    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;33}, 1000, 10000);34chromy._waitFunction(function() {35    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;36}, 1000, 10000);37chromy._waitFunction(function() {38    return document.querySelector('body').innerText.indexOf('Hello world') !== -1;39}, 1000, 10000);

Using AI Code Generation

1const chromy = require('chromy')2async function run() {3    const chromy = new Chromy()4    await chromy.wait(() => document.querySelector('h1').innerText === 'Example Domain')5    await chromy.screenshot('example.png')6    await chromy.close()7}8run()9const chromy = require('chromy')10async function run() {11    const chromy = new Chromy()12    await chromy.wait(() => document.querySelector('h1').innerText === 'Example Domain')13    await chromy.screenshot('example.png')14    await chromy.close()15}16run()17const chromy = require('chromy')18async function run() {19    const chromy = new Chromy()20    await chromy.wait(() => document.querySelector('h1').innerText

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.