кукловод как найти элемент в родительском элементе

Question

с кипарис Я могу найти дочерний элемент within элемент следующим образом:

cy.get('div#Login_form).within(() => {
  cy.get('input[name="human[email]"]').type('John')
  cy.get('input[name="human[password]"]').type('123456')
})

Есть ли эквивалентность в Puppeteer для within()?

Спасибо!

Answer 1

Ну, одну вещь, которую вы можете сделать, это объявить ваши пути селектора CSS следующим образом:

await page.type('div#Login_form > input[name="human[email]"]', 'John');
await page.type('div#Login_form > input[name="human[password]"]', '123456');

Еще одна альтернатива, которая может оказаться проще для чтения (даже если это означает, что больше строк кода) будетсделать следующее:

// Get the form element
const form = await page.$('div#Login_form');

// Get the email and password elements from the form
const email = await form.$('input[name="human[email]"]');
const password = await form.$('input[name="human[password]"]');

// Type the data into each element
await email.type('John');
await password.type('123456');