diff --git a/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css
index 2a3e511d7b..f11c598f44 100644
--- a/core/modules/user/css/user.module.css
+++ b/core/modules/user/css/user.module.css
@@ -16,6 +16,6 @@
height: 100%;
background-color: gray;
}
-.password-confirm-match {
+.password-confirm-message {
visibility: hidden;
}
diff --git a/core/modules/user/tests/src/FunctionalJavascript/PasswordConfirmWidgetTest.php b/core/modules/user/tests/src/FunctionalJavascript/PasswordConfirmWidgetTest.php
index 3ec20f25ac..b274eb2b02 100644
--- a/core/modules/user/tests/src/FunctionalJavascript/PasswordConfirmWidgetTest.php
+++ b/core/modules/user/tests/src/FunctionalJavascript/PasswordConfirmWidgetTest.php
@@ -104,13 +104,16 @@ public function testPasswordConfirmWidgetJsComponents() {
// Deleting the input must not change the element above.
$password_confirm_widget->fillField('Password', 'o');
$this->assertFalse($password_confirm_item->find('css', 'input.js-password-confirm + [data-drupal-selector="password-confirm-message"]')->isVisible());
- $this->assertTrue($password_confirm_item->find('css', "$password_confirm_selector + .password-suggestions > ul > li")->isVisible());
+ $this->assertFalse($password_confirm_item->find('css', "$password_confirm_selector + .password-suggestions > ul > li")->isVisible());
$this->assert->elementContains('css', "$password_confirm_widget_selector $password_parent_selector", '
Password strength: Weak
');
// Now fill both the main and confirm input.
$password_confirm_widget->fillField('Password', 'oooooooooO0∘');
$password_confirm_widget->fillField('Confirm password', 'oooooooooO0∘');
+ // Password match message must become visible.
+ $this->assertTrue($password_confirm_item->find('css', "$password_confirm_selector + .password-suggestions > ul > li")->isVisible());
+
// Bar should be 100% wide.
$this->assert->elementAttributeContains('css', 'input.js-password-field + .password-strength > [data-drupal-selector="password-strength-meter"] [data-drupal-selector="password-strength-indicator"]', 'style', 'width: 100%;');
$this->assert->elementTextContains('css', "$password_confirm_widget_selector $password_parent_selector [data-drupal-selector='password-strength-text']", 'Strong');
@@ -136,7 +139,6 @@ public function testPasswordConfirmMessage() {
// Password match message.
$this->assertTrue($password_confirm_item->has('css', 'input.js-password-confirm + [data-drupal-selector="password-confirm-message"]'));
- $this->assertTrue($password_confirm_item->find('css', 'input.js-password-confirm + [data-drupal-selector="password-confirm-message"]')->isVisible());
$this->assert->elementContains('css', "$password_confirm_widget_selector $password_confirm_selector", 'Passwords match:
');
}
diff --git a/core/modules/user/tests/src/FunctionalJavascript/PasswordWidgetThemeFunctionTest.php b/core/modules/user/tests/src/FunctionalJavascript/PasswordWidgetThemeFunctionTest.php
index af11642b98..0a7e620e2a 100644
--- a/core/modules/user/tests/src/FunctionalJavascript/PasswordWidgetThemeFunctionTest.php
+++ b/core/modules/user/tests/src/FunctionalJavascript/PasswordWidgetThemeFunctionTest.php
@@ -55,9 +55,11 @@ public function testPasswordConfirmWidgetJsComponents() {
$this->assertNotNull($assert_session->waitForText('Overridden passwordStrength:'));
$assert_session->elementTextContains('css', '.password-strength__meter', 'Overridden passwordStrength:');
- $assert_session->elementTextContains('css', '.password-confirm-message', 'Overridden passwordConfirmMessage:');
+ $assert_session->elementTextNotContains('css', '.password-confirm-message', 'Overridden passwordConfirmMessage:');
$this->getSession()->getPage()->fillField('pass[pass1]', 'a');
$assert_session->elementTextContains('css', '.password-suggestions', 'Overridden passwordSuggestions:');
+ $this->getSession()->getPage()->fillField('pass[pass1]', 'a');
+ $assert_session->elementTextContains('css', '.password-confirm-message', 'Overridden passwordConfirmMessage:');
}
}