search

checkly / headless-recorder

Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script.
https://checklyhq.com/headless-recorder
MIT License
15.03k stars 722 forks source link

(bug) Selectors with special characters in them are not working properly #67

Closed shobhitchittora closed 3 years ago

shobhitchittora commented 5 years ago

My page has a selector named .scTrack:Aheader_home which is changed to the below querySelector by the extension.

await page.type('.css-htcxmu > .css-9tec82 > .css-daw4m5 > .css-1o4f6ww > .scTrack\3Aheader_home', 'undefined')

As you can see : is changed to \3A, which doesn't work while the query selector runs.

jiegec commented 4 years ago

I encountered the same issue:

    await page.waitForSelector('.monaco-scrollable-element .codelens-decoration:nth-child(3) > #\30')
    await page.click('.monaco-scrollable-element .codelens-decoration:nth-child(3) > #\30')

It should be:

    await page.waitForSelector('.monaco-scrollable-element .codelens-decoration:nth-child(3) > #\\30')
    await page.click('.monaco-scrollable-element .codelens-decoration:nth-child(3) > #\\30')
ianaya89 commented 3 years ago

Fixed with #126