new test api to test hooks rendering iteration, testing state of withdraw page

2 files changed, 33 insertions, 7 deletions

diff --git a/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx b/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx
index d0ee3b2f6..c0e5d0639 100644
--- a/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx
+++ b/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx
@@ -103,12 +103,12 @@ export const Multiline = (): VNode => {
   const [value, onChange] = useState("");
   return (
     <Container>
-      {/* <TextField
+      <TextField
         {...{ value, onChange }}
         label="Multiline"
         variant="standard"
         multiline
-      /> */}
+      />
       <TextField
         {...{ value, onChange }}
         label="Max row 4"
@@ -116,13 +116,39 @@ export const Multiline = (): VNode => {
         multiline
         maxRows={4}
       />
-      {/* <TextField
+      <TextField
         {...{ value, onChange }}
         label="Row 10"
         variant="standard"
         multiline
         rows={10}
-      /> */}
+      />
+    </Container>
+  );
+};
+
+export const Select = (): VNode => {
+  const [value, onChange] = useState("");
+  return (
+    <Container>
+      <TextField
+        {...{ value, onChange }}
+        label="Multiline"
+        variant="standard"
+        select
+      />
+      <TextField
+        {...{ value, onChange }}
+        label="Max row 4"
+        variant="standard"
+        select
+      />
+      <TextField
+        {...{ value, onChange }}
+        label="Row 10"
+        variant="standard"
+        select
+      />
     </Container>
   );
 };
diff --git a/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx b/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx
index 8992aa690..180370a0c 100644
--- a/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx
@@ -304,9 +304,9 @@ function getStyleValue(
 
 function debounce(func: any, wait = 166): any {
   let timeout: any;
-  function debounced(...args) {
+  function debounced(...args: any[]): void {
     const later = () => {
-      func.apply(this, args);
+      func.apply({}, args);
     };
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
@@ -452,7 +452,7 @@ export function TextareaAutoSize({
     renders.current = 0;
   }, [value]);
 
-  const handleChange = (event) => {
+  const handleChange = (event: any): void => {
     renders.current = 0;
 
     if (!isControlled) {