async sendKeysOnElement(xpath:string, data:string, timeOut=this.timeOut) {
     console.log("Sending key to element " + xpath)
     var ele:ElementFinder = await this.curBrowser.element(by.xpath(xpath));
     await this.curBrowser.wait(this.until.presenceOf(ele), timeOut, 'Element ' + xpath +' takes too long to appear in the DOM');
     await this.curBrowser.wait(this.until.visibilityOf(ele), timeOut, 'Element '+ xpath +' is not visible');
     await ele.sendKeys(data)
 }

    async clickOnElement(xpath:string, timeout=this.timeOut){
        console.log("Clicking on element " + xpath)
        var ele= await this.curBrowser.element(by.xpath(xpath))
        await this.curBrowser.wait(this.until.presenceOf(ele),timeout, 'Element ' + xpath +' takes too long to appear in the DOM')
        await this.curBrowser.wait(this.until.elementToBeClickable(ele), this.timeOut, 'Element ' + xpath +' is NOT clickable')
        await ele.click()

    }

 async getElementAttribute(xpath:string, attribute:string):Promise<string>{
     var ele:ElementFinder = await this.curBrowser.element(by.xpath(xpath))
     var attributeValue:string =""
     await this.curBrowser.wait(this.until.presenceOf(ele), this.timeOut, 'Element ' + xpath + ' takes too long to appear in the DOM' )
     
     await ele.getAttribute(attribute).then(function(value){
         console.log("Attribute value: " + value)
         attributeValue = value
     })
     return attributeValue
 }

	private getSerializedContent(): webDriverPromise.Promise<string> {
		return this.browserInstance.executeScript(function () {
			var sectionCss: string = arguments[0];
			var getAceEditor = (sectionCss: string): AceAjax.Editor => {
				var aceEditorElement: any = document.querySelector(sectionCss);
				var aceEditor: AceAjax.Editor = aceEditorElement.env.editor;
				return aceEditor;
			};

			var aceEditor = getAceEditor(sectionCss);
			return aceEditor.getValue();
		}, this.cssSelector);
	}

	private setSerializedContent(serializedJson: string): webDriverPromise.Promise<void> {
		return this.browserInstance.executeScript(function setAceEditorContentContent() {
			var sectionCss: string = arguments[0];
			var serializedContent: string = arguments[1];
			var getAceEditor = (sectionCss: string): AceAjax.Editor => {
				var aceEditorElement: any = document.querySelector(sectionCss);
				var aceEditor: AceAjax.Editor = aceEditorElement.env.editor;
				return aceEditor;
			};
			var aceEditor = getAceEditor(sectionCss);
			aceEditor.setValue(serializedContent);
			aceEditor.clearSelection();
		}, this.cssSelector, serializedJson);
	}

 getCurrentUrl(): webDriverPromise.Promise<string> {
     return this.browserInstance.getCurrentUrl();
 }

 private getRunCommandElement(): ElementFinder {
     return this.browserInstance.element(by.css('.run-command'));
 }

 private getSaveCommandElement(): ElementFinder {
     return this.browserInstance.element(by.css('.save-command'));
 }

 hasDocumentsSection(): webDriverPromise.Promise<boolean> {
     var documentsSection = this.browserInstance.element(by.cssContainingText('label', 'Documents'));
     return documentsSection.isPresent();
 }

 hasResultSection(): webDriverPromise.Promise<boolean> {
     var resultSection = this.browserInstance.element(by.cssContainingText('label', 'Result'));
     return resultSection.isPresent();
 }