zoukankan      html  css  js  c++  java
  • [Selenium] 操作 HTML5 中的 Canvas 绘制图形

    测试 http://literallycanvas.com/

    以 Chrome Driver 为例阐述,通过 Actions 在 Canvas 上绘制一个封闭图形。对于 Canvas 上的操作,推荐 Chrome Driver 或 Firefox Driver

    示例:

    package com.learningselenium.html5;

    import org.junit.After;

    import org.junit.Before;

    import org.junit.Test;

    import org.openqa.selenium.By;

    import org.openqa.selenium.WebDriver;

    import org.openqa.selenium.WebElement;

    import org.openqa.selenium.chrome.ChromeDriver;

    import org.openqa.selenium.interactions.Actions;

    public class testHTML5Canvas{

      WebDriver driver;

      @Before

      public void setUp() throws Exception{

        System.setProperty("webdriver.chrome.driver", "/Selenium 2/selenium/chromedriver");

        driver = new ChromeDriver();

        driver.get("http://literallycanvas.com/");

      }

      @Test

      public void testHTML5Canvas() throws Exception{

        //元素不存在,有问题 “div.literally.index div.lc-drawing canvas”

        WebElement canvas = driver.findElement(By.xpath("//*[@id = "about"]/div[1]/canvas"));   

        Actions drawing = new Action(driver);

        //绘制图形

        driver.clickAndHold(canvas).moveByOffset(10,50).moveByOffset(50,10).moveByOffset(-10,-50).moveByOffset(-50,-10).release().perform();

      }

      @After

      public void tearDown() throws Exception{

        driver.quit();

      }

    }

  • 相关阅读:
    解决淘淘第三天无法显示图片
    包名与工程名
    明明有这个类却提示出错
    出错,网页显示不出内容
    配置域名
    本地jar包添加到maven仓库
    POJ1704 Georgia and Bob 博弈论 尼姆博弈 阶梯博弈
    POJ 2960 S-Nim 博弈论 sg函数
    sg函数总结
    POJ 2425 A Chess Game 博弈论 sg函数
  • 原文地址:https://www.cnblogs.com/feifeidxl/p/4554651.html
Copyright © 2011-2022 走看看