From 1c2014059adc6647663fe27aaaf1f13b6ea48df3 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 2 Jun 2022 18:33:58 -0700
Subject: [PATCH] test: assert paste event

---
 tests/DatePicker.test.svelte    |  2 +-
 tests/HeaderSearch.svelte       |  1 +
 tests/MultiSelect.test.svelte   |  1 +
 tests/NumberInput.test.svelte   |  1 +
 tests/PasswordInput.test.svelte |  1 +
 tests/Search.test.svelte        |  2 +-
 tests/TextArea.test.svelte      | 37 +++++----------------------------
 tests/TextInput.test.svelte     |  1 +
 tests/TimePicker.test.svelte    |  7 ++++++-
 9 files changed, 18 insertions(+), 35 deletions(-)

diff --git a/tests/DatePicker.test.svelte b/tests/DatePicker.test.svelte
index 3e99991c..f0e263ee 100644
--- a/tests/DatePicker.test.svelte
+++ b/tests/DatePicker.test.svelte
@@ -9,7 +9,7 @@
   flatpickrProps="{{ static: true }}"
   on:change
 >
-  <DatePickerInput labelText="Meeting date" placeholder="mm/dd/yyyy" />
+  <DatePickerInput labelText="Meeting date" placeholder="mm/dd/yyyy" on:paste />
 </DatePicker>
 
 <DatePicker
diff --git a/tests/HeaderSearch.svelte b/tests/HeaderSearch.svelte
index 58e4048a..34175e7b 100644
--- a/tests/HeaderSearch.svelte
+++ b/tests/HeaderSearch.svelte
@@ -73,6 +73,7 @@
       on:select="{(e) => {
         console.log('on:select', e.detail);
       }}"
+      on:paste
       let:result
       let:index
     >
diff --git a/tests/MultiSelect.test.svelte b/tests/MultiSelect.test.svelte
index df539f2a..622a7301 100644
--- a/tests/MultiSelect.test.svelte
+++ b/tests/MultiSelect.test.svelte
@@ -20,6 +20,7 @@
   on:blur="{(e) => {
     e.detail; // number | FocusEvent
   }}"
+  on:paste
   translateWithId="{(id) => {
     console.log(id); // "open" | "close"
     return id;
diff --git a/tests/NumberInput.test.svelte b/tests/NumberInput.test.svelte
index d75aa012..42beacd2 100644
--- a/tests/NumberInput.test.svelte
+++ b/tests/NumberInput.test.svelte
@@ -19,6 +19,7 @@
   on:change="{(e) => {
     console.log(e.detail); // null | number
   }}"
+  on:paste
 />
 
 <NumberInputSkeleton hideLabel />
diff --git a/tests/PasswordInput.test.svelte b/tests/PasswordInput.test.svelte
index 6d9f5ce9..f0a3f9f0 100644
--- a/tests/PasswordInput.test.svelte
+++ b/tests/PasswordInput.test.svelte
@@ -9,6 +9,7 @@
   type="text"
   placeholder="Enter password..."
   value="as_lta0890sdfpo__!9901"
+  on:paste
 />
 
 <PasswordInput hideLabel labelText="Password" placeholder="Enter password..." />
diff --git a/tests/Search.test.svelte b/tests/Search.test.svelte
index ac067dbb..2ab64e0f 100644
--- a/tests/Search.test.svelte
+++ b/tests/Search.test.svelte
@@ -2,7 +2,7 @@
   import { Search } from "../types";
 </script>
 
-<Search />
+<Search on:paste />
 
 <Search placeholder="Search catalog..." value="Cloud functions" />
 
diff --git a/tests/TextArea.test.svelte b/tests/TextArea.test.svelte
index d40dd0b6..2c20bed7 100644
--- a/tests/TextArea.test.svelte
+++ b/tests/TextArea.test.svelte
@@ -2,45 +2,18 @@
   import { TextArea, TextAreaSkeleton } from "../types";
 </script>
 
-<TextArea labelText="App description" placeholder="Enter a description..." />
-
 <TextArea
+  value=""
+  hideLabel
+  light
+  rows="{10}"
   labelText="App description"
   helperText="A rich description helps us better recommend related products and services"
   placeholder="Enter a description..."
-/>
-
-<TextArea
-  hideLabel
-  labelText="App description"
-  placeholder="Enter a description..."
-/>
-
-<TextArea
-  light
-  labelText="App description"
-  placeholder="Enter a description..."
-/>
-
-<TextArea
-  rows="{10}"
-  labelText="App description"
-  placeholder="Enter a description..."
-/>
-
-<TextArea
   invalid
   invalidText="Only plain text characters are allowed"
-  labelText="App description"
-  placeholder="Enter a description..."
-/>
-
-<TextArea
   disabled
-  labelText="App description"
-  placeholder="Enter a description..."
+  on:paste
 />
 
-<TextAreaSkeleton />
-
 <TextAreaSkeleton hideLabel />
diff --git a/tests/TextInput.test.svelte b/tests/TextInput.test.svelte
index 9489b8ad..940c23fa 100644
--- a/tests/TextInput.test.svelte
+++ b/tests/TextInput.test.svelte
@@ -11,6 +11,7 @@
   bind:value
   on:input="{(e) => console.log(e.detail)}"
   on:change="{(e) => (value = e.detail)}"
+  on:paste="{(e) => console.log(e)}"
 />
 
 <TextInput
diff --git a/tests/TimePicker.test.svelte b/tests/TimePicker.test.svelte
index 335d9494..51d31b98 100644
--- a/tests/TimePicker.test.svelte
+++ b/tests/TimePicker.test.svelte
@@ -2,7 +2,12 @@
   import { TimePicker, TimePickerSelect, SelectItem } from "../types";
 </script>
 
-<TimePicker spellcheck="{false}" labelText="Cron job" placeholder="hh:mm">
+<TimePicker
+  spellcheck="{false}"
+  labelText="Cron job"
+  placeholder="hh:mm"
+  on:paste
+>
   <TimePickerSelect value="PM">
     <SelectItem value="am" text="AM" />
     <SelectItem value="pm" text="PM" />