[BUG] Bootstrap 'toggle' switch is not checkable

[vomc]

System info

• Playwright Version: 1.33.0
• Operating System: macOs 13.1
• Browser: Chromium
• Other info:

Source code

• [x] I provided exact source code that allows reproducing the issue locally.

I have a basic bootstrap 'switch' toggle element that is not 'checkable' using PW. It looks like this when it renders and comes out of a CustomInput provided by react-strap which uses Bootstrap4

The underlying HTML for it ends up being this

<input type="checkbox" id="foo" name="someName" class="custom-control-input">

I have tried the following below but PW times out after trying for 50 times to check the toggle

await page.locator('#foo').setChecked(true)
await page.locator('#foo').check()
await page.locator('#foo').click()

If I change the toggle to become not a switch but a regular checkbox, then the HTML changes to

<input id="foo" name="someName" label="My Label" type="checkbox" class="form-check-input">

Then PW has no problem checking the checkbox.

Is it possible to also use PW to 'check' toggle elements (that are just checkboxes under the hood) or is that not supported?

[vomc]

Found a different way to do this

[Ralkage]

Found a different way to do this

How did you figure this one out? I'm currently having troubles interacting with Bootstrap checkboxes :/