@ministryofjustice/frontend 3.1.0 → 3.2.1

package/moj/components/pagination/template.njk

@@ -12,9 +12,9 @@
         <li class="moj-pagination__item moj-pagination__item--dots">…</li>
       {% else %}
         {%- if item.selected %}
-          <li class="moj-pagination__item moj-pagination__item--active" aria-label="Page {{ item.text }} of {{ params.results.count }}" aria-current="page">{{ item.text }}</li>
+          <li class="moj-pagination__item moj-pagination__item--active" aria-label="Page {{ item.text }} of {{ params.items | length }}" aria-current="page">{{ item.text }}</li>
         {% else %}
-          <li class="moj-pagination__item"><a class="moj-pagination__link" href="{{ item.href }}" aria-label="Page {{ item.text }} of {{ params.results.count }}">{{ item.text }}</a></li>
+          <li class="moj-pagination__item"><a class="moj-pagination__link" href="{{ item.href }}" aria-label="Page {{ item.text }} of {{ params.items | length }}">{{ item.text }}</a></li>
         {% endif -%}
       {% endif -%}
     {% endfor -%}

package/moj/components/password-reveal/password-reveal.spec.js

@@ -1,8 +1,17 @@
 const { getByDisplayValue, getByText } = require("@testing-library/dom");
-const { axe } = require("jest-axe");
+const { userEvent } = require("@testing-library/user-event");
+const { configureAxe } = require("jest-axe");
 
 require("./password-reveal.js");
 
+const user = userEvent.setup();
+const axe = configureAxe({
+  rules: {
+    // disable landmark rules when testing isolated components.
+    region: { enabled: false },
+  },
+});
+
 describe("Password reveal", () => {
   let container;
 
@@ -21,16 +30,16 @@ describe("Password reveal", () => {
     expect(container).toContainElement(getByText(container, "Show"));
   });
 
-  test("toggle reveal", () => {
+  test("toggle reveal", async () => {
     const input = getByDisplayValue(container, "password");
     const button = getByText(container, "Show");
 
-    button.click();
+    await user.click(button);
 
     expect(input).toHaveAttribute("type", "text");
     expect(button).toHaveTextContent("Hide");
 
-    button.click();
+    await user.click(button);
 
     expect(input).toHaveAttribute("type", "password");
     expect(button).toHaveTextContent("Show");
@@ -40,7 +49,7 @@ describe("Password reveal", () => {
     const button = getByText(container, "Show");
 
     expect(await axe(document.body)).toHaveNoViolations();
-    button.click();
+    await user.click(button);
     expect(await axe(document.body)).toHaveNoViolations();
   });
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ministryofjustice/frontend",
   "description": "The MOJ Frontend contains the code you need to start building user interfaces for UK Ministry of Justice government services.",
-  "version": "3.1.0",
+  "version": "3.2.1",
   "main": "moj/all.js",
   "sass": "moj/all.scss",
   "engines": {