内部セレクタとしての属性を持つ定型セレクタを使用して人形の中の要素を見つける

Question

私は反応アプリケーションを持っており、その主成分と内部コンポーネントに "data-test-id"を挿入しました。

const result1 = await page.$eval('[data-test-id="UpperMenu"] [data-test-id="specificElement"]', 
        elem => elem.textContent); 

が、人形遣いが要素を見つけることができません：

はとても基本的に私はこのような何かをしたいコンポーネントの内部にある要素を検索します。私は子供に簡単なセレクタを使用している場合一方

は、それが完璧に動作します：

const result1 = await page.$eval('[data-test-id="UpperMenu"] input', 
        elem => elem.textContent); 

明らか

＆hellip;私はすべてのjquery、puppeteer stuff＆hellipにかなり新しいです。 :-)

何か助けていただきありがとうございます！あなたの要素を見つけるために、親のIDと子のIDで子セレクタを使用することができます

Answer 1

：

const result1 = await page.$eval("#UpperMenu > #specificElement", elem => elem.textContent); 

質問のこのタイプのあなたはまた、より多くの答えを持っているCSSタグにそれらを求めることができますセレクタに関するドキュメント： https://developer.mozilla.org/es/docs/Web/CSS/Selectores_CSS