Captcha DOM structure change

Because of the bug fix, we needed to change the DOM structure around Captcha in several places, especially in the registration form. Below are the snippets showing the before and to-be state, so you can adjust your customizations.

3G

Current state

<fieldset class="box box-sm box-bg-default">
    <h4>Jste robot?</h4>
    <div class="form-group js-validated-element-wrapper smart-label-wrapper">
        <label for="captcha">
            <img src="data:image/jpeg;base64,/9j/[...]" alt="">
        </label>
        <input type="text" id="captcha" name="captcha" class="form-control js-validate js-validate-required">
    </div>
</fieldset>

To-be state

<fieldset class="box box-sm box-bg-default">
    <h4>Security check</h4>
    <div class="form-group captcha-image"><img src="data:image/jpeg;base64,/[...]" alt="" data-testid="imageCaptcha"></div>
    <div class="form-group js-validated-element-wrapper smart-label-wrapper">
        <label for="captcha"><span class="required-asterisk">Copy the text from the image</span></label>
        <input type="text" id="captcha" name="captcha" class="form-control js-validate js-validate-required">
    </div>
</fieldset>

2G

Current state

<fieldset class="box box-sm box-bg-default">
    <h4>Jste robot?</h4>
    <div class="form-group js-validated-element-wrapper smart-label-wrapper">
        <label for="captcha">
            <img src="data:image/jpeg;base64,/9j/[...]" alt="">
        </label>
        <input type="text" id="captcha" name="captcha" class="form-control js-validate js-validate-required">
    </div>
</fieldset>

To-be state

<fieldset class="box box-sm box-bg-default">
    <h4>Security Check</h4>
    <div class="form-group captcha-image"><img src="data:image/jpeg;base64[...]" alt="" data-testid="imageCaptcha"></div>
    <div class="form-group js-validated-element-wrapper smart-label-wrapper">
        <label for="captcha"><span class="required-asterisk">Copy the text from the image</span></label>
        <input type="text" id="captcha" name="captcha" class="form-control js-validate js-validate-required">
    </div>
</fieldset>

Post navigation