Migrate Child Block Test to Playwright

[pooja-muchandikar]

What?

Part of #38851.
Migrate child-blocks.test.js to its Playwright version.

Why?

Part of #38851.

How?

See MIGRATION.md for migration steps.

Testing Instructions

Run npm run test:e2e:playwright test/e2e/specs/editor/plugins/child-blocks.spec.js

[pooja-muchandikar]

Hi @kevin940726 @Mamaduka,

I hope you are doing great!

Could you help review this PR?

Thanks!

[Mamaduka]

Thank you, @pooja-muchandikar!

I think some of the locators can be improved. Especially ones that use classes instead of role-based selectors.

Recently, I did a similar migration (#51677); you can check the inner-blocks-allowed-blocks.spec.js file and use it as a blueprint.

[pooja-muchandikar]

Hi @Mamaduka,

Thanks for sharing the feedbacks! All the feedbacks are addressed please review.

Thanks!

[Mamaduka]

Thanks, @pooja-muchandikar!

While changes look good, the two tests now check a different thing. They should test a block appender based on the original tests. Let's ensure that migrate tests are still checking for the same thing.

Affected tests

• shows up in a parent block
• display in a parent block with allowedItems.

Block appender

[Mamaduka]

@pooja-muchandikar, let me know if you have any additional questions.

[pooja-muchandikar]

Hi @Mamaduka,

I have addressed the feedback and pushed the changes. Please review and let me know if there are any further suggestions.

Thanks

[Mamaduka]

I just ran the original test in headed mode and adjusted my suggestions. The tests should be passing now.

[pooja-muchandikar]

Hi @Mamaduka

Feedbacks addressed.

[Mamaduka]

Thank you, @pooja-muchandikar! One last nitpick and I think we're good to merge once CI checks are green.