Test that data attributes take precendence over JS config

alphagov · Sep 20, 2022 · 01d2304 · 01d2304
1 parent 413248d
commit 01d2304
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/src/govuk/components/button/button.test.js b/src/govuk/components/button/button.test.js
@@ -85,7 +85,7 @@ describe('/components/button', () => {
     }
 
     describe('not enabled', () => {
-      it('does not prevent multiple submissions when feature', async () => {
+      it('does not prevent multiple submissions', async () => {
         await page.goto(baseUrl + '/components/button/preview', {
           waitUntil: 'load'
         })
@@ -209,6 +209,27 @@ describe('/components/button', () => {
       })
     })
 
+    describe('using JavaScript configuration, but cancelled by data-attributes', () => {
+      it('does not prevent multiple submissions', async () => {
+        await renderAndInitialise('button', {
+          baseUrl,
+          nunjucksParams: examples["don't prevent double click"],
+          javascriptConfig: {
+            preventDoubleClick: true
+          }
+        })
+
+        await trackClicks()
+
+        await page.click('button')
+        await page.click('button')
+
+        const clicksCount = await getClicksCount()
+
+        expect(clicksCount).toBe(2)
+      })
+    })
+
     describe('using `initAll`', () => {
       // To ensure
       beforeEach(async () => {

diff --git a/src/govuk/components/button/button.yaml b/src/govuk/components/button/button.yaml
@@ -237,7 +237,7 @@ examples:
   hidden: true
   data:
     text: Submit
-- name: "don't prevent double click"
+- name: don't prevent double click
   hidden: true
   data:
     text: Submit