schickling/chromeless

Cannot click on an element whereas document.querySelector().click works

Open

#221 opened on Aug 11, 2017

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (13,240 stars) (606 forks)batch import
help wantedquestion

Description

Hello

I try to expand a div by clicking on it but it doesn't expand.

If you go to https://www.perfectstay.com/fr-FR/bv-oly-hotel?uuid=test, you can expand the "Plus de détails"

Before expand : capture d ecran 2017-08-11 a 09 39 42

After expand : capture d ecran 2017-08-11 a 09 39 49

Using this code on the console do expand the div :

document.querySelector(".accommodation__introduction .more-details .rc-collapse-header").click()

However, using the chromeless click API does not expand the div. Here is my code runnable in the Playground

const chromeless = new Chromeless({ remote: true })
const screenshot = await chromeless
  .goto('https://www.perfectstay.com/fr-FR/bv-oly-hotel?uuid=test')
  .click(".accommodation__introduction .more-details .rc-collapse-header")
  .scrollTo(0, 2000)
  .screenshot()
console.log(screenshot)
await chromeless.end()

Thanks

Best regards !

Contributor guide

Tech stack
typescriptnodejs
Domain
testing
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic JavaScriptFamiliarity with chromeless API
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50
Research direction
The issue reports that chromeless.click() does not trigger the expected expansion, while document.querySelector().click() works. Likely chromeless uses Puppeteer's page.click which simulates a real click event, but the element might not be fully visible or interactable. Investigate the click implementation in src/ or related files. Check if there is a need to scroll into view or wait for element to be visible. Also review any related issues or comments in the thread.