fix(clipboard): typo + add test keyboard

ovh · Aug 3, 2023 · db341cd · db341cd
1 parent 201c1e1
commit db341cd
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/packages/stencil/components/clipboard/src/components/osds-clipboard/osds-clipboard.e2e.ts b/packages/stencil/components/clipboard/src/components/osds-clipboard/osds-clipboard.e2e.ts
@@ -9,7 +9,7 @@ describe('e2e:osds-clipboard', () => {
 
   async function mockClipboard(page: E2EPage): Promise<void> {
     await page.evaluate(() => {
-      let clipboardText = null;
+      let clipboardText = '';
       const clipboard = {
         writeText: text => new Promise(resolve => resolve(clipboardText = text)),
         readText: () => new Promise(resolve => resolve(clipboardText)),
@@ -57,6 +57,17 @@ describe('e2e:osds-clipboard', () => {
     expect(await page.evaluate(() => navigator.clipboard.readText())).toBe(value);
   });
 
+  it('should copy the input value with keyboard', async () => {
+    const value = 'text to copy';
+
+    await setup({ attributes: { value } });
+
+    await page.keyboard.press('Tab');
+    await page.keyboard.press('Enter');
+
+    expect(await page.evaluate(() => navigator.clipboard.readText())).toBe(value);
+  });
+
   it('should not copy the input value because of disabled', async () => {
     const value = 'text to copy';
     await setup({ attributes: { value, disabled: true } });
@@ -67,4 +78,15 @@ describe('e2e:osds-clipboard', () => {
     expect(await page.evaluate(() => navigator.clipboard.readText())).toBe('');
   });
 
+  it('should noy copy the input value with keyboard', async () => {
+    const value = 'text to copy';
+
+    await setup({ attributes: { value, disabled: true } });
+
+    await page.keyboard.press('Tab');
+    await page.keyboard.press('Enter');
+
+    expect(await page.evaluate(() => navigator.clipboard.readText())).toBe('');
+  });
+
 });
diff --git a/packages/stencil/components/clipboard/src/components/osds-clipboard/osds-clipboard.tsx b/packages/stencil/components/clipboard/src/components/osds-clipboard/osds-clipboard.tsx
@@ -39,7 +39,7 @@ export class OsdsClipboard implements OdsClipboard<OdsStencilMethods<OdsClipboar
     this.controller.handlerClick(this.value);
   }
 
-  handlernKeydown(event: KeyboardEvent): void {
+  handlerKeydown(event: KeyboardEvent): void {
     switch (event.code) {
       case 'Space':
       case 'Enter':
@@ -62,7 +62,7 @@ export class OsdsClipboard implements OdsClipboard<OdsStencilMethods<OdsClipboar
                     type={ OdsInputType.text }
                     value={ this.value }
                     onClick={ () => this.handlerClick() }
-                    onKeydown={ (event: KeyboardEvent) => this.handlernKeydown(event) }
+                    onKeydown={ (event: KeyboardEvent) => this.handlerKeydown(event) }
                     >
         </osds-input>