test: update tests

Basis-Theory · Mar 21, 2024 · ba14c7e · ba14c7e
1 parent d670f62
commit ba14c7e
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 8 deletions.
diff --git a/test/elements/CardExpirationDateElement.test.tsx b/test/elements/CardExpirationDateElement.test.tsx
@@ -18,6 +18,8 @@ describe('CardExpirationDateElement', () => {
   const chance = new Chance();
   const refArray = [React.createRef<ICardExpirationDateElement>(), undefined];
 
+  const valueRef = React.createRef<ICardExpirationDateElement>();
+
   let id: string;
   let wrapperDiv: HTMLDivElement;
   let style: ElementStyle;
@@ -93,7 +95,7 @@ describe('CardExpirationDateElement', () => {
         style={style}
         validateOnChange={validateOnChange}
         value={value}
-        valueRef={React.createRef()}
+        valueRef={valueRef}
       />
     );
 
@@ -117,7 +119,8 @@ describe('CardExpirationDateElement', () => {
       },
       undefined,
       // eslint-disable-next-line unicorn/no-null
-      typeof ref === 'undefined' ? null : ref // undefined ref gets forwarded as null
+      typeof ref === 'undefined' ? null : ref, // undefined ref gets forwarded as null,
+      valueRef // undefined ref gets forwarded as null
     );
     expect(useListener).toHaveBeenCalledWith('ready', element, onReady);
     expect(useListener).toHaveBeenCalledWith('change', element, onChange);

diff --git a/test/elements/CardNumberElement.test.tsx b/test/elements/CardNumberElement.test.tsx
@@ -18,6 +18,8 @@ describe('CardNumberElement', () => {
   const chance = new Chance();
   const refArray = [React.createRef<ICardNumberElement>(), undefined];
 
+  const valueRef = React.createRef<ICardNumberElement>();
+
   let id: string;
   let wrapperDiv: HTMLDivElement;
   let style: ElementStyle;
@@ -93,7 +95,7 @@ describe('CardNumberElement', () => {
         style={style}
         validateOnChange={validateOnChange}
         value={value}
-        valueRef={React.createRef()}
+        valueRef={valueRef}
       />
     );
 
@@ -119,7 +121,8 @@ describe('CardNumberElement', () => {
       },
       undefined,
       // eslint-disable-next-line unicorn/no-null
-      typeof ref === 'undefined' ? null : ref // undefined ref gets forwarded as null
+      typeof ref === 'undefined' ? null : ref, // undefined ref gets forwarded as null
+      valueRef // undefined ref gets forwarded as null
     );
     expect(useListener).toHaveBeenCalledWith('ready', element, onReady);
     expect(useListener).toHaveBeenCalledWith('change', element, onChange);

diff --git a/test/elements/CardVerificationCodeElement.test.tsx b/test/elements/CardVerificationCodeElement.test.tsx
@@ -19,6 +19,8 @@ describe('CardVerificationCodeElement', () => {
   const chance = new Chance();
   const refArray = [React.createRef<ICardVerificationCodeElement>(), undefined];
 
+  const valueRef = React.createRef<ICardVerificationCodeElement>();
+
   let id: string;
   let wrapperDiv: HTMLDivElement;
   let style: ElementStyle;
@@ -91,7 +93,7 @@ describe('CardVerificationCodeElement', () => {
         style={style}
         validateOnChange={validateOnChange}
         value={value}
-        valueRef={React.createRef()}
+        valueRef={valueRef}
       />
     );
 
@@ -116,7 +118,8 @@ describe('CardVerificationCodeElement', () => {
       },
       undefined,
       // eslint-disable-next-line unicorn/no-null
-      typeof ref === 'undefined' ? null : ref // undefined ref gets forwarded as null
+      typeof ref === 'undefined' ? null : ref, // undefined ref gets forwarded as null
+      valueRef
     );
     expect(useListener).toHaveBeenCalledWith('ready', element, onReady);
     expect(useListener).toHaveBeenCalledWith('change', element, onChange);

diff --git a/test/elements/TextElement.test.tsx b/test/elements/TextElement.test.tsx
@@ -17,6 +17,8 @@ describe('TextElement', () => {
   const chance = new Chance();
   const refArray = [React.createRef<ITextElement>(), undefined];
 
+  const valueRef = React.createRef<ITextElement>();
+
   let id: string;
   let wrapperDiv: HTMLDivElement;
   let style: ElementStyle;
@@ -99,7 +101,7 @@ describe('TextElement', () => {
         transform={transform}
         validation={validation}
         value={value}
-        valueRef={React.createRef()}
+        valueRef={valueRef}
       />
     );
 
@@ -125,7 +127,8 @@ describe('TextElement', () => {
       },
       undefined,
       // eslint-disable-next-line unicorn/no-null
-      typeof ref === 'undefined' ? null : ref // undefined ref gets forwarded as null
+      typeof ref === 'undefined' ? null : ref, // undefined ref gets forwarded as null
+      valueRef
     );
     expect(useListener).toHaveBeenCalledWith('ready', element, onReady);
     expect(useListener).toHaveBeenCalledWith('change', element, onChange);