How to use _evaluateWithReplaces method in chromy

Best JavaScript code snippet using chromy

document.js

Source:document.js

...120      `121    await this.evaluate(src)122  }123  async scroll (x, y) {124    return this._evaluateWithReplaces(function () {125      const dx = _1  // eslint-disable-line no-undef126      const dy = _2  // eslint-disable-line no-undef127      window.scrollTo(window.pageXOffset + dx, window.pageYOffset + dy)128    }, {}, {'_1': x, '_2': y})129  }130  async scrollTo (x, y) {131    return this._evaluateWithReplaces(function () {132      window.scrollTo(_1, _2) // eslint-disable-line no-undef133    }, {}, {'_1': x, '_2': y})134  }135  async _getPageOffset () {136    return this.evaluate(_ => {137      return {138        x: window.pageXOffset,139        y: window.pageYOffset,140      }141    })142  }143  /**144   * Evaluates a expression in the browser context145   *146   * @memberof Document147   * @function148   *149   * @param {(function|string)} expr    - JS expression150   *                                      If the expression returns a Promise object,151   *                                      the promise is resolved automatically.152   * @param {(object|array)}    options - Parameter array of `expr` function or153   *                                      Option object154   *155   * @return {Promise}          Returned value of `expr` function156   */157  async evaluate (expr, options = {}) {158    if ((expr instanceof Function) && (options instanceof Array)) {159      options = options.map(function (parameter) {160        return JSON.stringify(JSON.stringify(parameter))161      })162      // eslint-disable-next-line no-new-func163      expr = new Function(`164        return (${expr}).apply(this, Array.from(arguments).concat([${options}].map(function (parameter) {165          return JSON.parse(parameter)166        })))167      `)168      options = {}169    }170    return await this._evaluateWithReplaces(expr, options)171  }172  async _evaluateWithReplaces (expr, options = {}, replaces = {}) {173    let e = null174    if (this._originalNodeId) {175      e = wrapFunctionForCallFunction(expr, replaces)176    } else {177      e = wrapFunctionForEvaluation(expr, replaces)178    }179    try {180      let result = await this._waitFinish(this.chromy.options.evaluateTimeout, async () => {181        if (!this.client) {182          return null183        }184        if (this._originalNodeId) {185          // must call callFunctionOn() for evaluating expression with iframe context.186          const contextNodeId = await this._getNodeId()187          const objectId = await this._getObjectIdFromNodeId(contextNodeId)188          const params = Object.assign({}, options, {objectId: objectId, functionDeclaration: e})189          return await this.client.Runtime.callFunctionOn(params)190        } else {191          return await this.client.Runtime.evaluate({expression: e})192        }193      })194      if (!result || !result.result) {195        return null196      }197      // resolve a promise198      if (result.result.subtype === 'promise') {199        result = await this.client.Runtime.awaitPromise({promiseObjectId: result.result.objectId, returnByValue: true})200        // adjust to after process201        result.result.value = JSON.stringify({202          type: (typeof result.result.value),203          result: JSON.stringify(result.result.value),204        })205      }206      if (result.result.subtype === 'error') {207        throw new EvaluateError('An error has occurred evaluating the script in the browser.' + result.result.description, result.result)208      }209      const resultObject = JSON.parse(result.result.value)210      const type = resultObject.type211      if (type === 'undefined') {212        return undefined213      } else {214        try {215          return JSON.parse(resultObject.result)216        } catch (e) {217          console.log('ERROR', resultObject)218          throw e219        }220      }221    } catch (e) {222      if (e instanceof TimeoutError) {223        throw new EvaluateTimeoutError('evaluate() timeout')224      } else {225        throw e226      }227    }228  }229  // evaluate a function on the specified node context.230  async _evaluateOnNode (nodeId, fn) {231    const objectId = await this._getObjectIdFromNodeId(nodeId)232    const src = fn.toString()233    const functionDeclaration = `function () {234      return (${src})()235    }`236    const params = {237      objectId,238      functionDeclaration,239    }240    await this.client.Runtime.enable()241    await this.client.Runtime.callFunctionOn(params)242  }243  async exists (selector) {244    return this._evaluateWithReplaces(245      _ => { return document.querySelector('?') !== null },246      {}, {'?': escapeSingleQuote(selector)},247    )248  }249  async visible (selector) {250    return this._evaluateWithReplaces(251      _ => {252        let dom = document.querySelector('?')253        return dom !== null && dom.offsetWidth > 0 && dom.offsetHeight > 0254      },255      {}, {'?': escapeSingleQuote(selector)},256    )257  }258  async wait (cond) {259    if ((typeof cond) === 'number') {260      await this.sleep(cond)261    } else if ((typeof cond) === 'function') {262      await this._waitFunction(cond)263    } else {264      await this._waitSelector(cond)265    }266  }267  // wait for func to return true.268  async _waitFunction (func) {269    await this._waitFinish(this.chromy.options.waitTimeout, async () => {270      while (true) {271        const r = await this.evaluate(func)272        if (r) {273          break274        }275        await this.sleep(this.chromy.options.waitFunctionPollingInterval)276      }277    })278  }279  async _waitSelector (selector) {280    let check = null281    let startTime = Date.now()282    await new Promise((resolve, reject) => {283      check = () => {284        setTimeout(async () => {285          try {286            const now = Date.now()287            if (now - startTime > this.chromy.options.waitTimeout) {288              reject(new WaitTimeoutError('wait() timeout', selector))289              return290            }291            const result = await this.exists(selector)292            if (result) {293              resolve(result)294            } else {295              check()296            }297          } catch (e) {298            reject(e)299          }300        }, this.chromy.options.waitFunctionPollingInterval)301      }302      check()303    })304  }305  async _waitFinish (timeout, callback) {306    const start = Date.now()307    let finished = false308    let error = null309    let result = null310    const f = async () => {311      try {312        result = await callback.apply()313        finished = true314        return result315      } catch (e) {316        error = e317        finished = true318      }319    }320    f.apply()321    while (!finished) {322      const now = Date.now()323      if ((now - start) > timeout) {324        throw new TimeoutError('timeout')325      }326      await this.sleep(this.chromy.options.waitFunctionPollingInterval)327    }328    if (error !== null) {329      throw error330    }331    return result332  }333  async waitUntilVisible (selector) {334    let check = null335    let startTime = Date.now()336    await new Promise((resolve, reject) => {337      check = () => {338        setTimeout(async () => {339          try {340            const now = Date.now()341            if (now - startTime > this.chromy.options.waitTimeout) {342              reject(new WaitTimeoutError('waitUntilVisible() timeout', selector))343              return344            }345            const result = await this.visible(selector)346            if (result) {347              resolve(result)348            } else {349              check()350            }351          } catch (e) {352            reject(e)353          }354        }, this.chromy.options.waitFunctionPollingInterval)355      }356      check()357    })358  }359  async type (expr, value) {360    await this.evaluate('document.querySelector(\'' + escapeSingleQuote(expr) + '\').focus()')361    const characters = value.split('')362    for (let i in characters) {363      const c = characters[i]364      await this.client.Input.dispatchKeyEvent({type: 'char', text: c})365      await this.sleep(this.chromy.options.typeInterval)366    }367  }368  async sleep (msec) {369    await new Promise((resolve, reject) => {370      setTimeout(() => {371        resolve()372      }, msec)373    })374  }375  // deprecated376  async getBoundingClientRect (selector) {377    return this.rect(selector)378  }379  async rect (selector) {380    const rect = await this._evaluateWithReplaces(function () {381      let dom = document.querySelector('?')382      if (!dom) {383        return null384      }385      let r = dom.getBoundingClientRect()386      return {top: r.top, left: r.left, width: r.width, height: r.height}387    }, {}, {'?': escapeSingleQuote(selector)})388    if (!rect) {389      return null390    }391    return {392      top: Math.floor(rect.top),393      left: Math.floor(rect.left),394      width: Math.floor(rect.width),395      height: Math.floor(rect.height),396    }397  }398  async rectAll (selector) {399    const rects = await this._evaluateWithReplaces(function () {400      let doms = document.querySelectorAll('?')401      return Array.prototype.map.call(doms, dom => {402        let r = dom.getBoundingClientRect()403        return {top: r.top, left: r.left, width: r.width, height: r.height}404      })405    }, {}, {'?': escapeSingleQuote(selector)})406    return rects.map(rect => {407      return {408        top: Math.floor(rect.top),409        left: Math.floor(rect.left),410        width: Math.floor(rect.width),411        height: Math.floor(rect.height),412      }413    })...

Using AI Code Generation

1var chromy = new Chromy({ port: 9222, visible: true });2chromy.chain()3    .evaluate(function() {4        return _evaluateWithReplaces('document.querySelector("div").innerHTML', {5            'document.querySelector("div").innerHTML': 'Hello World'6        });7    })8    .result(function(result) {9        console.log(result);10    })11    .end()12    .then(function() {13        chromy.close();14    });15chromy.chain()16    .evaluate(function() {17        return _evaluateWithReplaces(function() {18            return document.querySelector("div").innerHTML;19        }, {20            'document.querySelector("div").innerHTML': 'Hello World'21        });22    })23    .result(function(result) {24        console.log(result);25    })26    .end()27    .then(function() {28        chromy.close();29    });30chromy.chain()31    .evaluate(function() {32        return _evaluateWithReplaces(function(div) {33            return div.innerHTML;34        }, {35        }, ['document.querySelector("div")']);36    })37    .result(function(result) {38        console.log(result);39    })40    .end()41    .then(function() {42        chromy.close();43    });44chromy.chain()45    .evaluate(function() {46        return _evaluateWithReplaces(function(div) {47            return div.innerHTML;48        }, {49        }, ['document.querySelector("div")']);50    })51    .result(function(result) {52        console.log(result);53    })54    .end()55    .then(function() {56        chromy.close();57    });

Using AI Code Generation

1const chromy = new Chromy({ port: 9222, visible: true });2chromy.chain()3  .evaluate(function (selector) {4    return document.querySelector(selector).value;5  }, 'input[name="q"]')6  .result(function (value) {7    console.log(value);8  })9  .end()10  .then(function () {11    console.log('Done');12  })13  .catch(function (err) {14    console.log('Error:', err);15  });16const chromy = new Chromy({ port: 9222, visible: true });17chromy.chain()18  .evaluate(function (selector) {19    return document.querySelector(selector).value;20  }, 'input[name="q"]')21  .result(function (value) {22    console.log(value);23  })24  .end()25  .then(function () {26    console.log('Done');27  })28  .catch(function (err) {29    console.log('Error:', err);30  });31const chromy = new Chromy({ port: 9222, visible: true });32chromy.chain()33  .evaluate(function (selector) {34    return document.querySelector(selector).value;35  }, 'input[name="q"]')36  .result(function (value) {37    console.log(value);38  })39  .end()40  .then(function () {41    console.log('Done');42  })43  .catch(function (err) {44    console.log('Error:', err);45  });46const chromy = new Chromy({ port: 9222, visible: true });47chromy.chain()48  .evaluate(function (selector) {49    return document.querySelector(selector).value;50  }, 'input[name="q"]')51  .result(function (value) {52    console.log(value);53  })54  .end()55  .then(function () {56    console.log('Done');57  })58  .catch(function (err) {59    console.log('Error:', err);60  });

Using AI Code Generation

1const chromy = new Chromy();2chromy.evaluate((selector) => {3  const element = document.querySelector(selector);4  return element.textContent;5}, 'h1')6  .result((v) => {7    console.log(v);8  })9  .end();10const chromy = new Chromy();11chromy.evaluate((selector) => {12  const element = document.querySelector(selector);13  return element.textContent;14}, 'h1')15  .result((v) => {16    console.log(v);17  })18  .end();19const chromy = new Chromy();20chromy.evaluate((selector) => {21  const element = document.querySelector(selector);22  return element.textContent;23}, 'h1')24  .result((v) => {25    console.log(v);26  })27  .end();28const chromy = new Chromy();29chromy.evaluate((selector) => {30  const element = document.querySelector(selector);31  return element.textContent;32}, 'h1')33  .result((v) => {34    console.log(v);35  })36  .end();37const chromy = new Chromy();38chromy.evaluate((selector) => {39  const element = document.querySelector(selector);40  return element.textContent;41}, 'h1')42  .result((v) => {43    console.log(v);44  })45  .end();46const chromy = new Chromy();47chromy.evaluate((selector) => {48  const element = document.querySelector(selector);49  return element.textContent;50}, 'h1')51  .result((v) => {52    console.log(v);53  })54  .end();55const chromy = new Chromy();56chromy.evaluate((selector) => {57  const element = document.querySelector(selector);58  return element.textContent;59}, 'h1')60  .result((v) => {61    console.log(v);62  })63  .end();

Using AI Code Generation

1chromy.evaluateWithReplaces(function (a,b) {2  return a + b;3}, 1, 2)4.then(function (result) {5});6chromy.evaluateWithReplaces(function (a,b) {7  return a + b;8}, 1, 2)9.then(function (result) {10});11chromy.evaluateWithReplaces(function (a,b) {12  return a + b;13}, 1, 2)14.then(function (result) {15});16chromy.evaluateWithReplaces(function (a,b) {17  return a + b;18}, 1, 2)19.then(function (result) {20});21chromy.evaluateWithReplaces(function (a,b) {22  return a + b;23}, 1, 2)24.then(function (result) {25});26chromy.evaluateWithReplaces(function (a,b) {27  return a + b;28}, 1, 2)29.then(function (result) {30});31chromy.evaluateWithReplaces(function (a,b) {32  return a + b;33}, 1, 2)34.then(function (result) {35});36chromy.evaluateWithReplaces(function (a,b) {37  return a + b;38}, 1, 2)39.then(function (result) {40});

Using AI Code Generation

1chromy._evaluateWithReplaces(function(){2}, {3})4chromy._evaluateWithReplaces(function(){5}, {6}, 5000)7chromy._evaluateWithReplaces(function(){8}, {9}, 5000, 'some description')10chromy._evaluateWithReplaces(function(){11}, {12}, 5000, 'some description', true)13chromy._evaluateWithReplaces(function(){14}, {15}, 5000, 'some description', true, 1000)16chromy._evaluateWithReplaces(function(){17}, {18}, 5000, 'some description', true, 1000, true)19chromy._evaluateWithReplaces(function(){20}, {21}, 5000, 'some description', true, 1000, true, 1000)22chromy._evaluateWithReplaces(function(){23}, {24}, 5000, 'some description', true, 1000, true, 1000, true)25chromy._evaluateWithReplaces(function(){26}, {27}, 5000, 'some description', true, 1000, true, 1000, true, 1000)

Using AI Code Generation

1var chromy = new Chromy();2chromy.chain()3.evaluateWithReplaces(function(){4    return {5    };6}, {replace1: 'replaced text'})7.result(function(result){8    console.log(result);9})10.end()11.then(function(){12    chromy.close();13});14{15}16Chromy#evaluateWithReplaces(code, replaces)17Chromy#evaluateWithReplacesAsync(code, replaces)

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.