Testing with Enzyme: An id must be provided to format a message.

[graham-pyett]

Since using explicit IDs is now discouraged, I've updated my app to only use defaultMessage props in my <FormattedMessage>s. I was running into an error when running the app, Invariant Violation: [React Intl] An id must be provided to format a message., but I was able to fix that issue by adding a babel plugin to my config-overrides.js, as detailed here: #1901 (comment)

However, I am still encountering this error when running my unit tests. I have created the helper function for Enzyme as detailed on this page: https://formatjs.io/docs/guides/testing#enzyme

Has anyone else had issues testing their apps when not using explicit IDs?

[longlho]

you can add our babel plugin to your jest config: https://formatjs.io/docs/tooling/babel-plugin

[graham-pyett]

Thanks, that was exactly what I needed

[pd2xts]

Could you give an example of what this looks like in jest.config.js? Thanks.

[graham-pyett]

I believe I just followed the recommended action on the linked page, so I added the following to babel.config.json:

{
  "plugins": [
    [
      "formatjs",
      {
        "idInterpolationPattern": "[sha512:contenthash:base64:6]",
        "ast": true
      }
    ]
  ]
}

I don't have a jest.config.js in my project

[pd2xts]

Ah babel config not jest. Yes I have the same but my problem persists. Must be something else. Thank you!

[damiangreen]

so how do we do this for jest?