reactのdata-test属性は思った挙動をしなかった(e2eテスト)

January 12, 2021

commit history
headline

jest-puppeteerでテストをしていたときにdata-testに複数の属性をセットしたいことがあり下記のように書いた

data-test="foo bar"

この場合document.querySelectorを使用して見つける場合はこうなると思っていた

document.querySelector('[data-test=foo][data-test=bar]')

しかし、実際にはこれでみつかった

document.querySelector('[data-test=foo bar]')

15分くらいはつまった、思い込みはよくない。 ちなみに上記の場合、別のelementにdata-test属性を設置して解決した。


contact