chore: migrate other use-cases to use getTextInputValue

Author: mdjastrzebski

src/queries/__tests__/display-value.test.tsx

@@ -30,12 +30,11 @@ const Banana = () => (
 
 test('getByDisplayValue, queryByDisplayValue', () => {
   render(<Banana />);
-  const input = screen.getByDisplayValue(/custom/i);
 
+  const input = screen.getByDisplayValue(/custom/i);
   expect(input).toHaveDisplayValue(INPUT_FRESHNESS);
 
   const sameInput = screen.getByDisplayValue(INPUT_FRESHNESS);
-
   expect(sameInput).toHaveDisplayValue(INPUT_FRESHNESS);
   expect(() => screen.getByDisplayValue('no value')).toThrow(
     'Unable to find an element with displayValue: no value',

src/user-event/type/type.ts

@@ -47,7 +47,7 @@ export async function type(
 
   let currentText = getTextInputValue(element);
   for (const key of keys) {
-    const previousText = element.props.value ?? currentText;
+    const previousText = getTextInputValue(element);
     const proposedText = applyKey(previousText, key);
     const isAccepted = isTextChangeAccepted(element, proposedText);
     currentText = isAccepted ? proposedText : previousText;
@@ -60,7 +60,7 @@ export async function type(
     });
   }
 
-  const finalText = element.props.value ?? currentText;
+  const finalText = getTextInputValue(element);
   await wait(this.config);
 
   if (options?.submitEditing) {