Making Assertions on Properties That Are Null or Undefined

The case is unique in that we don’t know what the email field might resolve as. And we want to tell the assertion as such.

Say we have a User type:

1
type User = {
2
  id: string;
3
  name: string;
4
  email: string | undefined;
5
};

Say we have a STOOPID function that retrieves a User, amongst other things:

1
describe('get user', () => {
2
  it('returns a user', () => {
3
    const user = getUser();
4

5
    expect(user).toEqual(
6
      expect.objectContaining({
7
        id: expect.any(String),
8
        name: expect.any(String),
9
        email: <--- JEST, THIS CAN BE EITHER A STRING OR UNDEFINED?
10
      })
11
    );
12
  });
13
});

Jest exposes matchers that allows us to make validations. In making assertions on the shape of a response we can use asymmetric matchers like expect.any. They are only able to be used within a toEqual or toHaveBeenCalledWith. They are also limited in what they can assert. For instance, Jest does not expose an asymmetric matcher that can be used to assert a field as being null or undefined. So, how do extend Jest to allow for this?

We can use jest-extended, a community maintained library of Jest matchers. jest-extended exports a matcher expect.toBeOneOf:

1
describe("get user", () => {
2
  it("returns a user", () => {
3
    const user = getUser();
4

5
    expect(user).toEqual(
6
      expect.objectContaining({
7
        id: expect.any(String),
8
        name: expect.any(String),
9
        email: expect.toBeOneOf([expect.any(String), null, undefined]),
10
      }),
11
    );
12
  });
13
});

I discovered this utility in Chris Cooks blog post Use expect.objectContaining With Null and Undefined. The installation process is outlined here.