如何使用webdriver增加HTML表格列宽

Question

目前我正在尝试使用Selenium webdriver自动执行增加HTML表格列宽的步骤。

我知道我可以用findElement(By.cssSelector("<Css locator>").getLocation();获取x和y坐标的findElement(By.cssSelector("<Css locator>").getLocation();

但我想知道是否可以使用相同的概念来增加列的宽度。

Answer 1

您可以使用Javascript Executor

WebDriver driver;
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("document.querySelector('<CSSLOCATOR>').setAttribute('width', <WIDTH>)");

在那里用你需要的东西填写<CSSLOCATOR>和<WIDTH> 。

Answer 2

回答我的问题是简单使用jquery

$（selector）.width（value）;

示例用法String aScript =“jQuery（\\”“+ CSS_TABLE_HEADER_BY_COL_NAME +”\\“）。width（％s）”;

jse.executeScript(aScript );

希望这能解决大多数人在硒中增加色谱柱宽度的问题。

Answer 3

如果是静态表，那么我们可以添加attirbute（不是setAttribute，因为我们需要添加新的属性'width'）'width'和该标签。

String tableJS = "document.getElementsByTagName('table')[0].style.width='1000px'";
js.executeScript(tableJS);

注意：如果单元格或表格宽度由外部CSS处理，那么这可能不起作用。

第二种方式：如果我们有可调整表，那么我们可以找到'resizer'的元素并使用Action类在下面的解决方案中应用：

if (resizeableElement.isDisplayed()) {
            Actions action = new Actions(driver);
            action.clickAndHold(resizeableElement).moveByOffset(100, 100).release().build().perform();
        } else {
            System.out.println("Element was not displayed to drag");
        }