Cannot assign to read only property '...' of object '...'

[chrisbobbe]

🐛 Bug Report

Manually transferring facebook/react#18758 to here. During debugging, it was determined to be a Jest issue.

@gaearon rightly agreed with me that the issue won't get fixed by sitting in the React repo. But they used their facebook admin powers to lock the issue, instead of using GitHub's "Transfer Issue" feature to get it here with all its detail in an instant. Ah, well.

People (including React repo maintainers, apparently) are seeing variations on TypeError: Cannot assign to read only property 'Symbol(...)' of object '[object ...]' when they do expect(...).toBe(...) and expect(...).toEqual(...).

The initial response is that it's not a very helpful error message.

Here's one clue that might explain it:

It happens when calling replaceMatchedToAsymmetricMatcher() inside printDiffOrStringify()

https://github.com/facebook/jest/blob/master/packages/jest-matcher-utils/src/index.ts#L359

@SimenB any ideas?

Originally posted by @pahan35 in facebook/react#18758 (comment)

And a suggestion about what should be done about it:

We see a current message because replaceMatchedToAsymmetricMatcher fails on preparing the diff.

IMHO it's not about improving the error message, it's about fixing replaceMatchedToAsymmetricMatcher to print the diff for DOM elements without failures.

Originally posted by @pahan35 in facebook/react#18758 (comment)

[gaearon]

Hmm I didn’t even know there’s a way to transfer issues. 😀

[SimenB]

@WeiAnAn ideas? It throws during assignment here: https://github.com/facebook/jest/blob/c9c8dba4dd8de34269bdb971173659399bcbfd55/packages/jest-matcher-utils/src/Replaceable.ts#L57

[WeiAnAn]

Sorry guys.
I'm trying to figure out the problem and solve it.

[WeiAnAn]

Found problem at https://github.com/facebook/jest/blob/c9c8dba4dd8de34269bdb971173659399bcbfd55/packages/jest-matcher-utils/src/deepCyclicCopyReplaceable.ts#L58-L74

We need to set symbol key property descriptor.

But I got error on typescript that symbol type cannot be object key.
An index signature parameter type must be either 'string' or 'number'.

Will continue work tomorrow.

If anyone interested in, welcom to take it.

[ahnpnl]

Found problem at

https://github.com/facebook/jest/blob/c9c8dba4dd8de34269bdb971173659399bcbfd55/packages/jest-matcher-utils/src/deepCyclicCopyReplaceable.ts#L58-L74

We need to set symbol key property descriptor.

But I got error on typescript that symbol type cannot be object key.
An index signature parameter type must be either 'string' or 'number'.

Will continue work tomorrow.

If anyone interested in, welcom to take it.

microsoft/TypeScript#1863 Probably related to the error

[WeiAnAn]

Here is the minimal to reproduce this error.

test('test', () => {
  const a = {};
  const b = {};
  const symbolKey = Symbol.for('key');
  Object.defineProperty(a, symbolKey, {
    configurable: true,
    enumerable: true,
    value: {
      a: 1,
    },
    writable: false,
  });
  Object.defineProperty(b, symbolKey, {
    configurable: true,
    enumerable: true,
    value: {
      a: 1,
    },
    writable: false,
  });
  expect(a).toBe(b);
});

[SimenB]

@WeiAnAn we can do a // @ts-expect-error to suppress it - better than failing at runtime 🙂

[SimenB]

https://github.com/facebook/jest/releases/tag/v26.4.1

[chrisbobbe]

That's awesome, thanks a lot for the fix, @WeiAnAn and @SimenB! 😄

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.