Jest asymmetric matcher `expect.objectContaining`: a straight and forward example - jestjs

Question

I have been using jest lately to train my unit-test skills. On this process, I was able to reproduce their examples on website https://jestjs.io/docs/expect. Among others, the particular use case expect.objectContaining is somewhat troublesome. The given example uses a function handler and expect matcher toHaveBeenCalledWith. Although the example is possible, it is not straight and forward enough on the objective of sub-object match using this asymmetric matcher based on given object.
The reproduction steps follow below:
Clone repository https://github.com/alloyha/experiments
Navigate to folder /web/test_expect;
Run command npm install;
Run command npm test;
The expected output is:
FAIL __test__/expect.test.js
● expect › assert asymmetric matcher existent objectContainingAsyMatch
expect(received).toEqual(expected) // deep equality
- Expected - 2
+ Received + 4
- ObjectContaining {
- "foo": Any<String>,
+ Object {
+ "bar": Object {
+ "foo": "baz",
+ },
}
8 | expectation = expect.objectContaining({ foo: expect.any(String) });
9 |
> 10 | expect(result).toEqual(expectation);
| ^
11 | }
12 | );
13 | }
at Object.toEqual (__test__/expect.test.js:10:28)
Test Suites: 1 failed, 1 total
Tests: 1 failed, 1 total
Snapshots: 0 total
Time: 0.163 s, estimated 1 s
Ran all test suites.