feat: introduce ember selector engine

[lifeart]

refs: https://github.com/microsoft/playwright/pull/8070/files

Should work for Ember starting from 3.14.0, debug API introduced in Debug Render Tree (for Ember Inspector)

How to get it working in prod env

To do:

• Add documentation
• Add engine selector logic
• Add ember app for tests bundle created using this default ember app modifications https://gist.github.com/lifeart/b6df15f7197331314477b4a7a5349d6f
• Add multiapp support
• Simplify ember components definition for maintainers

This is how /tests/assets/reading-list/ember3.html looks in ember-inspector

Ember Inspector Extension

If Ember Inspector is not working for file:// url's

• Visit the URL: chrome://extensions.
• Find the Ember Inspector (chrome://extensions/?id=bmdblncegkenkacieihfhpjfppoconhi)
• Make sure "Allow access to file URLs" is checked.

[ghost]

All CLA requirements met.

[aslushnikov]

Hey @lifeart,

We have no ember experts on the team right now 🤷‍♂️. Could you publish this as a plugin for now? Selector engines could be registered with selectors.register method.

P.S. PR itself looks awesome! We just aren't ready to commit to maintaining it inside this source base.

[lifeart]

Hi @aslushnikov! Thank you for feedback! Any chance to get functions from

import { checkComponentAttribute, parseComponentSelector } from '../common/componentUtils';

as a part of public playwright API?

Now it's not bundled for it:

playwright/src/server/injected/webpack.config.js

Line 44 in 74595ed

const entry = {

[aslushnikov]

@lifeart Even if we expose it, we won't be able to guarantee that these methods won't change in future, so relying on them is risky.

I'd just copy them into your source!

[lifeart]

@aslushnikov, thank you! Closing MR for now.