html - Behat/Mink从CSS元素获取值(value)

我在一个网站上有一个可扩展的div。我想用behat/mink创建一个测试用例，以断言当用户到达页面时，框不会展开。

<a class="expand" data-reactid=".r[37uxa].[1]" href="#">Click to expand</a>
<div class="expandable" data-reactid=".r[37uxa].[2]" style="height: 0px;">

之后，当用户单击“单击展开”时，style=“height”的值将更改：

<a class="expand" data-reactid=".r[37uxa].[1]" href="#">Click to expand</a>
<div class="expandable" data-reactid=".r[37uxa].[2]" style="height: 157px;">

这意味着它现在已经扩展了。
我想知道是否有方法或者我是否可以实现一个步骤定义来检查/获取样式属性的值。谢谢您。

最佳答案

您可以使用NodeElement::isVisible()检查元素的可见性。

$session = $this->getSession(); // assume extends RawMinkContext
$page = $session->getPage();

$expandable = $page->find('css', '.expandable');

if (null === $expandable) {
    throw new \LogicException('Could not find the element');
}

if ($expandable->isVisible()) {
    throw new \LogicException('Element is visible...');
}

或者亲自检查样式：

$style = $expandable->getAttribute('style');