将更新属性添加到突变功能中断模拟的结果中的结果

Question

我有以下功能在表单提交上触发的功能

const [register, { loading }] = useMutation(RegisterDocument);

const router = useRouter();

const onSubmit = async (values: FormValues) => {
  const v = { ...values };
  delete v.confirmPassword;
  const res = await register({
    variables: { options: v },
    update: (cache, { data }) => {
      cache.writeQuery<MeQuery>({
        query: MeDocument,
        data: {
          __typename: 'Query',
          me: data?.register.user,
        },
      });
    },
  });
  if (res.data?.register.user) {
    router.push('/');
  }
};

进行以下测试以提交表格，

test('it should submit form without error', async () => {
  const firstName = faker.name.firstName();
  const surname = faker.name.lastName();
  const username = faker.internet.userName().replace('@', '');
  const email = faker.internet.email();
  const password = faker.internet.password(6, false, /^[a-zA-Z0-9_.-]*$/);

  const cache = new InMemoryCache().restore({});

  const variables = {
    options: { email, firstName, password, surname, username },
  };

  const user = { email, firstName, surname, username, id: 1, activated: false, photo: null };

  const mocks = [
    {
      request: { query: RegisterDocument, variables },
      result: { data: { register: { errors: null, user } } },
    },
  ];

  const { queryByTestId, container } = renderWithTheme(
    <MockedProvider mocks={mocks} cache={cache}>
      <Register />
    </MockedProvider>,
  );

  await updateRegisterInputs(container); // util function that updates input values for submission

  await submitForm({ queryByTestId, testId: 'register-submit', loadingTestId: 'register-loading' }); // util function that submits form

  await waitFor(() => expect(onPush).toBeCalledWith('/'));
});

，然后在我运行此测试res时

{ data: { register: {} } }

但是，一旦我删除了更新 寄存器中的属性突变功能，res返回以下内容。

{ data: { register: { errors: null, user: [Object] } } }

为什么仅在添加update> update属性函数时，为什么模拟返回值返回register属性的空对象？

即使只是实例化更新属性也是如此；

update: () => {}

仍然打破了突变的反应。

Answer 1

我意识到GraphQl Doc需要在模拟中相关位置中的typename属性，

因此我必须更新模拟以包含类型。

const user = { email, firstName, surname, username, id: 1, activated: false, photo: null, __typename: 'User' };

const mocks = [
  {
    request: { query: RegisterDocument, variables },
    result: { data: { register: { errors: null, user, __typename: 'UserResponse' } } },
  },
];