WebdriverIO - 常规浏览器命令

WebdriverIO 中使用的一些常规浏览器命令如下 −

browser.url(URL)

此命令用于启动 URL 作为参数传递的应用程序。

语法

语法如下 −

browser.url('https://the-internet.herokuapp.com/redirector')

首先，请按照标题为"使用 webdriverIO 的快乐路径流"一章中的步骤 1 到 5 进行操作，如下所示 −

步骤 1 − 安装 NodeJS。如何执行此安装的详细信息在标题为"开始使用 NodeJS"的章节中给出。

步骤 2 − 安装 NPM。如何执行此安装的详细信息在标题为"安装 NPM"的章节中给出。

步骤 3 − 安装 VS Code。如何执行此安装的详细信息在标题为"VS Code 安装"的章节中给出。

步骤 4 − 创建配置文件。如何执行此安装的详细信息在标题为"配置文件生成"的章节中给出。

步骤 5 − 创建 spec 文件。如何执行此安装的详细信息在标题为"Mocha 安装"的章节中给出。

步骤 6 − 在创建的 Mocha spec 文件中添加以下代码。

// test suite name
describe('Tutorialspoint application', function(){
   //test case
   it('Identify element with Id', function(){
      // launch url
      browser.url('https://the-internet.herokuapp.com/redirector')
      //identify element with id then click
      $("#redirect").click()
      //obtain page title
      console.log('Page title after click: ' + browser.getTitle())
   });
});

browser.getTitle()

此命令用于获取浏览器中当前启动的页面的标题。该值以字符串形式返回。此命令不接受任何参数。如果页面没有标题，则返回空字符串。

语法

语法如下 −

browser.getTitle()

首先，请按照标题为"使用 WebdriverIO 的快乐路径流"一章中的步骤 1 到 5 进行操作，如下所示 −

步骤 1 − 安装 NodeJS。有关如何执行此安装的详细信息，请参阅标题为"开始使用 NodeJS"一章。

步骤 2 − 安装 NPM。有关如何执行此安装的详细信息，请参阅"NPM 安装"一章。

步骤 3 − 安装 VS Code。有关如何执行此安装的详细信息，请参阅"VS Code 安装"一章。

步骤 4 − 创建配置文件。有关如何执行此安装的详细信息，请参阅"配置文件生成"一章。

步骤 5 − 创建 spec 文件。有关如何执行此安装的详细信息，请参阅"Mocha 安装"一章。

步骤 6 − 在创建的 Mocha spec 文件中添加以下代码。

// test suite name
describe('Tutorialspoint Application', function () {
   // test case name
   it('Get Page Title', function (){
      // URL launching
      browser.url("https://www.tutorialspoint.com/about/about_careers.html")
      //print page title in console
      console.log(browser.getTitle())
   });    
});

browser.getUrl()

此命令用于获取浏览器中当前启动的页面的 URL。该值以字符串形式返回。此命令不接受任何参数。

语法

语法如下 −

browser.getUrl()

首先，请按照标题为"使用 WebdriverIO 的快乐路径流"一章中的步骤 1 到 5 进行操作，如下所示 −

步骤 1 − 安装 NodeJS。有关如何执行此安装的详细信息在标题为"开始使用 NodeJS"一章中详细说明。

步骤 2 − 安装 NPM。有关如何执行此安装的详细信息在标题为"安装 NPM"一章中详细说明。

步骤 3 − 安装 VS Code。有关如何执行此安装的详细信息，请参阅标题为 VS Code 安装的章节。

步骤 4 − 创建配置文件。有关如何执行此安装的详细信息，请参阅标题为配置文件生成的章节。

步骤 5 − 创建 spec 文件。有关如何执行此安装的详细信息，请参阅标题为 Mocha 安装的章节。

步骤 6 − 在创建的 Mocha spec 文件中添加以下代码。

// test suite name
describe('Tutorialspoint Application', function () {
   // test case name
   it('Get Url', function (){
      // URL launching
      browser.url("https://www.tutorialspoint.com/index.html")
      //print URL in console
      console.log(browser.getUrl())
   });    
});

browser.getPageSource()

此命令用于获取当前在浏览器中启动的页面的页面源。该值以字符串形式返回。此命令不接受任何参数。

语法

语法如下 −

browser.getPageSource()

首先，请按照标题为"使用 WebdriverIO 的快乐路径流"一章中的步骤 1 到 5 进行操作，如下所示 −

步骤 1 − 安装 NodeJS。有关如何执行此安装的详细信息在标题为"开始使用 NodeJS"一章中详细说明。

步骤 2 − 安装 NPM。有关如何执行此安装的详细信息在标题为"安装 NPM"一章中详细说明。

步骤 3 − 安装 VS Code。有关如何执行此安装的详细信息，请参阅标题为 VS Code 安装的章节。

步骤 4 − 创建配置文件。有关如何执行此安装的详细信息，请参阅标题为配置文件生成的章节。

步骤 5 − 创建 spec 文件。有关如何执行此安装的详细信息，请参阅标题为 Mocha 安装的章节。

步骤 6 − 在创建的 Mocha spec 文件中添加以下代码。

// test suite name
describe('Tutorialspoint Application', function () {
   // test case name
   it('Get Page Source', function (){
      // URL launching
      browser.url("https://www.tutorialspoint.com/index.html")
      //print URL in console
      console.log(browser.getPageSource())
   });    
});

browser.maximizeWindow()

此命令用于最大化当前浏览器窗口。

语法

语法如下 −

browser.maximizeWindow()

首先，请按照标题为"使用 WebdriverIO 的快乐路径流"一章中的步骤 1 到 5 进行操作，如下所示 −

步骤 1 − 安装 NodeJS。有关如何执行此安装的详细信息在标题为"开始使用 NodeJS"一章中详细说明。

步骤 2 − 安装 NPM。有关如何执行此安装的详细信息在标题为"安装 NPM"一章中详细说明。

步骤 3 − 安装 VS Code。有关如何执行此安装的详细信息，请参阅标题为 VS Code 安装的章节。

步骤 4 − 创建配置文件。有关如何执行此安装的详细信息，请参阅标题为配置文件生成的章节。

步骤 5 − 创建 spec 文件。有关如何执行此安装的详细信息，请参阅标题为 Mocha 安装的章节。

步骤 6 − 在创建的 Mocha spec 文件中添加以下代码。

// test suite name
describe('Tutorialspoint Application', function () {
   // test case name
   it('Maximise Browser', function (){
      // URL launching
      browser.url("https://www.tutorialspoint.com/questions/index.php")
      //maximize browser
      browser.maximizeWindow()
   });    
});