lint and format

wagtail · Dec 8, 2023 · fadf150 · fadf150
1 parent a14df3c
commit fadf150
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 27 deletions.
diff --git a/client/src/controllers/ClipboardController.test.js b/client/src/controllers/ClipboardController.test.js
@@ -4,7 +4,7 @@ import { CloneController } from './CloneController';
 
 describe('ClipboardController', () => {
   let application;
-  
+
   beforeAll(() => {
     Object.defineProperty(window.navigator, 'clipboard', {
       writable: true,
@@ -38,43 +38,64 @@ describe('ClipboardController', () => {
   });
 
   afterEach(() => {
-    application.stop()
-  })
-
-  describe("#copy", () => {
+    application.stop();
+  });
 
+  describe('#copy', () => {
     it('initializes the clipboard copies successfully', async () => {
-      const clipboardButton = document.querySelector('[data-action="w-clipboard#copy"]');
-      const tooltipContainer = document.querySelector('[data-w-clone-target="container"]');
+      const clipboardButton = document.querySelector(
+        '[data-action="w-clipboard#copy"]',
+      );
+      const tooltipContainer = document.querySelector(
+        '[data-w-clone-target="container"]',
+      );
       const textarea = document.getElementById('result-url');
       textarea.value = 'Wagtail URL generator copy button';
 
       clipboardButton.click();
-      await new Promise(resolve => { setTimeout(resolve, 1000) });
-
-      expect(window.navigator.clipboard.writeText).toHaveBeenCalledWith('Wagtail URL generator copy button');
-      expect(tooltipContainer.firstChild.textContent).toEqual('Copied to clipboard');
+      await new Promise((resolve) => {
+        setTimeout(resolve, 1000);
+      });
+
+      expect(window.navigator.clipboard.writeText).toHaveBeenCalledWith(
+        'Wagtail URL generator copy button',
+      );
+      expect(tooltipContainer.firstChild.textContent).toEqual(
+        'Copied to clipboard',
+      );
       expect(tooltipContainer.childElementCount).toBe(1);
     });
 
-
     it('copy button is clicked many times', async () => {
-      const clipboardButton = document.querySelector('[data-action="w-clipboard#copy"]');
-      const tooltipContainer = document.querySelector('[data-w-clone-target="container"]');
+      const clipboardButton = document.querySelector(
+        '[data-action="w-clipboard#copy"]',
+      );
+      const tooltipContainer = document.querySelector(
+        '[data-w-clone-target="container"]',
+      );
       const textarea = document.getElementById('result-url');
       textarea.value = 'Wagtail URL generator copy button';
 
-      clipboardButton.click()
-      await new Promise((resolve) => {setTimeout(resolve, 1000)})
-      expect(window.navigator.clipboard.writeText).toHaveBeenCalledWith("Wagtail URL generator copy button");
-      expect(tooltipContainer.firstChild.textContent).toEqual('Copied to clipboard');
+      clipboardButton.click();
+      await new Promise((resolve) => {
+        setTimeout(resolve, 1000);
+      });
+      expect(window.navigator.clipboard.writeText).toHaveBeenCalledWith(
+        'Wagtail URL generator copy button',
+      );
+      expect(tooltipContainer.firstChild.textContent).toEqual(
+        'Copied to clipboard',
+      );
       expect(tooltipContainer.childElementCount).toBe(1);
     });
 
-
     it('clipboard is not defined', async () => {
-      const clipboardButton = document.querySelector('[data-action="w-clipboard#copy"]');
-      const tooltipContainer = document.querySelector('[data-w-clone-target="container"]');
+      const clipboardButton = document.querySelector(
+        '[data-action="w-clipboard#copy"]',
+      );
+      const tooltipContainer = document.querySelector(
+        '[data-w-clone-target="container"]',
+      );
       const textarea = document.getElementById('result-url');
       textarea.value = 'Wagtail URL generator copy button';
 
@@ -86,12 +107,15 @@ describe('ClipboardController', () => {
       });
 
       clipboardButton.click();
-      await new Promise(resolve => {setTimeout(resolve, 1000)});
+      await new Promise((resolve) => {
+        setTimeout(resolve, 1000);
+      });
 
       expect(window.navigator.clipboard.writeText).toBe(undefined);
-      expect(tooltipContainer.firstChild.textContent).toEqual('Copying to clipboard failed');
+      expect(tooltipContainer.firstChild.textContent).toEqual(
+        'Copying to clipboard failed',
+      );
       expect(tooltipContainer.childElementCount).toBe(1);
     });
-
-  })
+  });
 });
diff --git a/client/src/controllers/ClipboardController.ts b/client/src/controllers/ClipboardController.ts
@@ -15,7 +15,6 @@ export class ClipboardController extends Controller<HTMLElement> {
   declare tooltipTarget: HTMLDivElement;
 
   copy() {
-
     const value = this.valueTarget.value;
     if (!value) return;
 

diff --git a/wagtail/images/templates/wagtailimages/images/url_generator.html b/wagtail/images/templates/wagtailimages/images/url_generator.html
@@ -43,7 +43,7 @@
 
         {% trans "URL" as heading %}
         {% panel id="url" heading=heading %}
-            <div class="w-relative" data-controller="w-clipboard w-clone" data-w-clone-clear-delay-value="1_250" data-action="w-clipboard:copy->w-clone#clear w-clipboard:copied->w-clone#add w-clipboard:error->w-clone#add">
+            <div class="w-relative" data-controller="w-clipboard w-clone" data-w-clone-clear-delay-value="12_250" data-action="w-clipboard:copy->w-clone#clear w-clipboard:copied->w-clone#add w-clipboard:error->w-clone#add">
                 <label class="w-sr-only" for="result-url">{% trans "Image URL" %}</label>
                 <textarea class="w-image-url-generator__url" id="result-url" rows="1" name="result-url" data-controller="w-action" data-action="focus->w-action#select" data-w-clipboard-target="value">
                 </textarea>