selenium - 在 Codeception Webdriver 中验证 CSS 值

我想在 Codeception Acceptance 测试中使用 selenium Webdriver 时，从 CSS 样式表中验证元素通过绝对位置移动的像素量。在我的示例中，当背景图像绝对位于右侧 50 像素时，界面显示元素为“开启”。

虽然 Codeception 没有将此作为默认命令，但您可以使用 ExecuteInSelenium 或 Helper，我相信这将允许此操作。

为 ExecuteInSelenium 的 Codeception 提供的示例是:

$I->executeInSelenium(function(\WebDriver $webdriver) {
  $webdriver->get('http://google.com');
});

我希望在元素上验证的 CSS 值示例是“正确”值。

.on_switch {
    position: absolute;
    right: 50px;
}

HTML 元素被列为:

<div class="on_switch"></div>

由于类名重复，在其他元素上，我需要使用 Xpath 并相信以下内容将为我提供像素数的值，但我不确定如何验证该值是否为 50px 以允许测试的这一步通过.

$I->executeInSelenium(function(\WebDriver $webdriver) {
  $webdriver->driver.findElement(By.xpath("myxpath")).getCssValue("right");
});

我很难在网上找到例子，任何帮助表示赞赏。

最佳答案

你为什么不试试这个“VisualCeption”。它是 Codeception 的一个插件。我相信它可以解决你的问题。

https://github.com/DigitalProducts/codeception-module-visualception

关于selenium - 在 Codeception Webdriver 中验证 CSS 值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25631203/