html – Behat / Mink从CSS元素中获取价值

我在网站上有一个可扩展的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;">

这意味着它现在已经扩展.

我想知道是否有办法或者我是否可以实现步骤定义来检查/获取style属性的值.谢谢.

解决方法

您可以使用 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...');
}

或者自己检查样式attribute

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

相关文章

HTML代码中要想改变字体颜色,常常需要使用CSS样式表。CSS是...
HTML代码如何让字体盖住图片呢?需要使用CSS的position属性及...
HTML代码字体设置 在HTML中,我们可以使用标签来设置网页中的...
在网页设计中,HTML代码的字体和字号选择是非常重要的一个环...
HTML(Hypertext Markup Language,超文本标记语言)是一种用...
外链是指在一个网页中添加一个指向其他网站的链接,用户可以...