51Testing软件测试论坛

 找回密码
 (注-册)加入51Testing

QQ登录

只需一步,快速开始

微信登录,快人一步

手机号码,快捷登录

查看: 619|回复: 0
打印 上一主题 下一主题

[原创] JavaScript+Selenium如何在web中进行自动化测试(2)

[复制链接]

该用户从未签到

跳转到指定楼层
1#
发表于 2022-12-1 16:20:56 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
元素操作



  const { Builder } = require('selenium-webdriver');

  (async function myFunction() {


    let driver = await new Builder().forBrowser('chrome').build();


    // 输入文字


    await driver.findElement(By.name('name')).sendKeys(name);


    // 点击


    await driver.findElement(By.css("input[type='submit']")).click();


    // 拖动元素到目标位置


    const actions = driver.actions({ bridge: true });


    const source = driver.findElement(By.id('source'));


    const target = driver.findElement(By.id('target'));


    await actions.dragAndDrop(source, target).perform();


    await driver.quit();


  })();


  其它操作


  const { Builder } = require('selenium-webdriver');

  (async function myFunction() {


    let driver = await new Builder().forBrowser('chrome').build();


    // 返回当前URL


    await driver.getCurrentUrl();


    // 截图(返回base64编码的字符串)


    let encodedString = driver.takeScreenshot();


    await driver.quit();


  })();


  实例


  下面我们使用百度来进行简单的演示, 具体流程如下:

  1. 使用浏览器打开百度首页


  2. 搜索"selenium"


  3. 在结果列表中选择百度百科


  4. 打开百度百科


  效果如下:





代码如下:

  const { Builder, By, until } = require('selenium-webdriver');


  (async function myFunction() {


    // 创建一个driver实例


    let driver = await new Builder().forBrowser('chrome').build();


    try {


      // 1. 跳转到百度


      await driver.get('https://baidu.com');


      // 2. 搜索


      let searchText = 'selenium';


      // 定位到搜索框, 并输入关键字


      await driver.findElement(By.id('kw')).sendKeys(searchText);


      await new Promise(res => setTimeout(res, 1000));


      // 定位到搜索按钮, 并点击


      await driver.findElement(By.id('su')).click();


      // 3. 从结果列表中选择百度百科


      let containers = await driver.wait(until.elementsLocated(By.className('c-container')), 2000);


      let targetElement = null;


      for (let container of containers) {


        let element = await container.findElement(By.css('h3>a'));


        let title = await element.getText();


        if (title.indexOf('百度百科') > -1) {


          targetElement = element;


          break;


        }


      }


      if (targetElement) {


        // 4. 打开百度百科


        await targetElement.click();


        // 切换window handle


        let windows = await driver.getAllWindowHandles();


        await driver.switchTo().window(windows[1]);


        await driver.wait(until.elementLocated(By.className('main-content')), 5000);


        await new Promise(res => setTimeout(res, 2000));


      }


    } catch (error) {


      console.error(error);


    } finally {


      // 关闭浏览器


      await driver.quit();


    }


  })();




  当然上例演示的只是Selenium强大功能的冰山一角, 仅为展示基本的运行情况。


  总结


  本文介绍了自动化测试以及Web应用自动化测试的一种方案: JavaScript+Selenium, 并用实例来展示了Selenium的部分功能. Selenium可以做的还有很多, 以后慢慢再探索。

  需要注意的是,在实际项目中采用该方案时, 应配合mocha来编写。




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?(注-册)加入51Testing

x
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

本版积分规则

关闭

站长推荐上一条 /1 下一条

小黑屋|手机版|Archiver|51Testing软件测试网 ( 沪ICP备05003035号 关于我们

GMT+8, 2024-11-8 12:00 , Processed in 0.066737 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2024 Comsenz Inc.

快速回复 返回顶部 返回列表