MAGETWO-51815: Invalid work of Password Strength Validator on "Create Customer" Storefront page

- Fix less styling
- Modify containers css class
- Modify edit template

Author: bwaters

app/code/Magento/Customer/view/frontend/templates/form/edit.phtml

@@ -59,10 +59,10 @@
                     data-input="new-password"
                     data-validate="{required:true, 'validate-customer-password':true}"
                     autocomplete="off" />
-                <div id="password-strength-meter-container">
+                <div id="password-strength-meter-container" data-role="password-strength-meter" >
                     <div id="password-strength-meter" class="password-strength-meter">
                         <?php /* @escapeNotVerified */ echo __('Password Strength'); ?>:
-                        <span id="password-strength-meter-label">
+                        <span id="password-strength-meter-label" data-role="password-strength-meter-label" >
                             <?php /* @escapeNotVerified */ echo __('No Password'); ?>
                         </span>
                     </div>

app/code/Magento/Customer/view/frontend/templates/form/register.phtml

@@ -146,8 +146,8 @@
                        data-password-min-character-sets="<?php echo $block->escapeHtml($block->getRequiredCharacterClassesNumber()) ?>"
                        data-validate="{required:true, 'validate-customer-password':true}"
                        autocomplete="off">
-                <div id="password-strength-meter-container">
-                    <div id="password-strength-meter" data-role="password-strength-meter" class="password-strength-meter">
+                <div id="password-strength-meter-container" data-role="password-strength-meter" >
+                    <div id="password-strength-meter" class="password-strength-meter">
                         <?php /* @escapeNotVerified */ echo __('Password Strength'); ?>:
                         <span id="password-strength-meter-label" data-role="password-strength-meter-label" >
                             <?php /* @escapeNotVerified */ echo __('No Password'); ?>

app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less

@@ -256,7 +256,7 @@
             }
         }
 
-        .password-strength-meter-0,
+        .password-strength-meter-0 &,
         .password-strength-meter-1 & {
             &:before {
                 background-color: @password-strength-color__weak;