1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

セレクタの部分一致について

Posted at

RSpecで統合テストを行っている中で下記のコードで画像の投稿がテストできることがわかりました。


expect(page).to have_selector("img[src$='test_image.png']")

(test_image.pngという名前で投稿した画像をテストしています。)

ですが、$=の意味が分からなかったため、調べたことを記録しておきます。

###セレクタの部分一致について
以下のように記述をすることで特定の文言を含むセレクタを指定できる

前方一致 ・・・ E[foo^="bar"]
foo属性の値がbarで始まるE要素

後方一致 ・・・ E[foo$="bar"]
foo属性の値がbarで終わるE要素

部分一致 ・・・ E[foo*="bar"]
foo属性の値にbarを含むE要素

これをもとに冒頭で記述したコードを分解してみるとsrc属性の値がtest_image.pngで終わるimg要素があるかどうかをテストしているということになります。

####参考記事
http://www.htmq.com/selector/attrvaluee.shtml

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?