首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用css-modules调整网站上的Capybara查找器?

如何使用css-modules调整网站上的Capybara查找器?
EN

Stack Overflow用户
提问于 2016-07-28 04:08:38
回答 1查看 666关注 0票数 4

在我们的自动化测试中,代码中的典型代码行可能如下所示:

find('.edit-icon').click

我们正准备在我们的项目中使用css-modules,我被警告说类名可能会有很大的变化。一个很滑稽的例子是这个网站在它的类名中使用表情符号(当你检查页面时):

css modules by Glenn Maddern

我如何才能最好地为如此剧烈的变化做好准备呢?我想象我们的许多规范都会崩溃,但我有点担心在我们的项目中无法使用这项新技术来编写测试。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-29 03:02:51

使用自定义的capybara选择器,您可以从实际完成的css查询中抽象出来,并将其移动到一个位置。在您的评论中,您提到需要更改为以传入的值开头的class属性。

代码语言:javascript
复制
Capybara.add_selector(:class_starts_with) do
  css { |locator| "[class^=\"#{locator}\"]"
end

会这样做,然后可以调用为

代码语言:javascript
复制
find(:class_starts_with, 'something')

或者,如果您设置Capybara.default_selector = :class_starts_with,它将只是

代码语言:javascript
复制
find('something')

另一种选择不是改变default_selector,而是只定义一个助手方法,比如find_by_class_start,或者只是调用:class_starts_with传递的find (卡皮巴拉的#find_field是如何工作的)。

还要注意,上面的自定义选择器只有在只设置了一个类名的情况下才能真正工作,如果需要设置多个类名,可以将选择器更改为"[class^=\"#{locator}\"], [class*=\" #{locator}\"]"

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38622288

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档