Merge pull request #235 from Police-Data-Accessibility-Project/fix/ad…

…d-password-hints-to-reset

fix: add password hints to reset

client/src/pages/ResetPassword.vue

@@ -48,6 +48,14 @@
 			@change="handleChangeOnError"
 			@submit="onSubmitChangePassword"
 		>
+			<ul class="text-med mb-8">
+				Passwords must be at least 8 characters and include:
+				<li>1 uppercase letter</li>
+				<li>1 lowercase letter</li>
+				<li>1 number</li>
+				<li>1 special character</li>
+			</ul>
+
 			<Button class="max-w-full" type="submit">
 				{{ loading ? 'Loading...' : 'Change password' }}
 			</Button>

client/src/pages/__tests__/__snapshots__/resetPassword.test.js.snap

@@ -41,6 +41,11 @@ exports[`Reset password page > With token (reset password) > With token, reset p
       <!---->
       <label class="pdap-input-label" for="confirmPassword">Confirm Password</label>
     </div>
+    <ul class="text-med mb-8"> Passwords must be at least 8 characters and include: <li>1 uppercase letter</li>
+      <li>1 lowercase letter</li>
+      <li>1 number</li>
+      <li>1 special character</li>
+    </ul>
     <button class="pdap-button pdap-button-primary max-w-full" type="submit">Change password</button>
   </form>
 </main>
@@ -71,6 +76,11 @@ exports[`Reset password page > With token (reset password) > With token, reset p
       <!---->
       <label class="pdap-input-label" for="confirmPassword">Confirm Password</label>
     </div>
+    <ul class="text-med mb-8"> Passwords must be at least 8 characters and include: <li>1 uppercase letter</li>
+      <li>1 lowercase letter</li>
+      <li>1 number</li>
+      <li>1 special character</li>
+    </ul>
     <button class="pdap-button pdap-button-primary max-w-full" type="submit">Change password</button>
   </form>
 </main>