`selectOption()` not working with Bootrap's `radio-custom` radiobuttons

Offen

#21 erstellt am 21.9.2020 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 3/5
Geschätzter Aufwand: 1-2 Tage
Anfängerfreundlichkeit: 35/100

Issue-Typ: Bug
Klarheit: Größtenteils klar
Aktivitätsstatus: Veraltet
Tech-Stack: bootstrap, php
Bereich: testing-qa

Rechercherichtung

Beginne mit den im Report genannten Einstiegspunkten des WebDriver-Moduls: selectOption() und click(), und reproduziere den Fehler mit dem Radio-Button custom-control-input und seinem label in Bootstrap. Vergleiche den bestehenden Workaround für label mit dem abgefangenen Klick auf das input-Element und überprüfe anschließend, dass die vorgesehene Option ausgewählt wird, ohne gewöhnliche Interaktionen mit Radio-Buttons zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

I have a Bootstrap custom radio button:

<div class="custom-control custom-radio">
    <input type="radio" id="form_foo_0" name="form[foo]" value="Whatever" class="custom-control-input">
    <label for="form_foo_0" class="radio-custom custom-control-label required">Whatever</label>
</div>

When I do this in an acceptance test:

$I->selectOption('input[name="form[foo]"]', 'Whatever:');

$I->click(['css' => '#form_foo_0']);

...I'm getting:

[Facebook\WebDriver\Exception\ElementClickInterceptedException] element click intercepted:
Element <input type="radio" id="form_foo_0" name="form[foo]" value="Whatever" class="custom-control-input"> is not clickable at point (44, 1171).
Other element would receive the click:
<label for="form_foo_0" class="radio-custom custom-control-label required">...</label>
(Session info: chrome=85.0.4183.83)

The workaround I'm using now is to click the label:

$I->click(['css' => 'label[for="form_foo_0"]']);

Due to the popularity of Bootstrap I'm wondering if an out-of-the-box solution would be better in this case.

P.S.: I don't know why I have the class radio-custom on the <label> - it's created by Symfony's Bootstrap form theme

Vorherrschende Sprache: PHP
Sterne: 39
Forks: 25
PR-Merge-Kennzahlen: Keine gemergten PRs in 30 T.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus Codeception/module-webdriver

Suggestion: Make `amOnPage()` wait for JavaScript to finish by default Offen

Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 35/100

Codeception/module-webdriver#151 · 1 Kommentar · Erstellt am 08.4.2026
Setting custom capabilities for matching specific Nodes Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 25/100

Codeception/module-webdriver#135 · Erstellt am 02.8.2024
Example of `executeAsyncJs()` Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 38/100

Codeception/module-webdriver#130 · Erstellt am 14.5.2024
Bug: `MalformedLocatorException` thrown for `id`s that don't start with a character (HTML 5) Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100

Codeception/module-webdriver#128 · Erstellt am 16.4.2024
Suggestion: `seeElementHasClass()` Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100

Codeception/module-webdriver#126 · Erstellt am 16.4.2024

Alle Issues in Codeception/module-webdriver