A way of stubbing out VeeValidate form field

StubFieldComponent.ts

/**
 * Stub out the component with this
 */
export const StubFieldComponent = {
  props: ["name"],
  setup: (props: { name: string }): unknown => {
    if (props.name === undefined) {
      throw new Error("did not recv props!");
    }
    const field = useField<unknown>(props.name);
    return {
      setFieldValueForTest(v: unknown) {
        field.value.value = v;
      },
    };
  },
  template: "<div>Field = {{ name }}</div>",
};

/**
 * Obtain the form field and allow it to collect the wrapper
 */
const findFormField = (_wrapper: VueWrapper, name: string) => {
  const stubField = _wrapper
    .findAllComponents(StubFieldComponent)
    .find((_stubField) => _stubField.props("name") === name);

  const exists = () => stubField !== undefined;

  const assertExists = () => {
    if (!exists()) {
      throw new Error(`Cant find a stubbed out Field with name=${name}`);
    }
  };

  return {
    setValue: async (val: unknown) => {
      assertExists();
      if (stubField === undefined) {
        throw new Error(`Cant find a stubbed out Field with name=${name}`);
      }
      stubField.vm.setFieldValueForTest(val);
    },
  };
};