title.replaceAll is not a function

[mikealizade]

• @testing-library/react@9.5.0
• Jest
• Chrome 86

Relevant code or config:

const urlTitle: string = title.replaceAll(' ', '-');

What you did:

Testing a product list page

What happened:

TypeError: title.replaceAll is not a function

Problem description:

replaceAll function not being recognised, but replace function is fine

[eps1lon]

That is almost certainly your environment. replaceAll is a fairly new method and only available in latest browsers but no node version. So if you run your tests with jest you can't use replaceAll

[sethidden]

You can just use https://github.com/es-shims/String.prototype.replaceAll

1. npm i string.prototype.replaceall -D

2. Make sure you have the setupFilesAfterEnv property in your Jest config. I use package.json so there I have:

{
  "jest": {
   //...other options here obviously
    "setupFilesAfterEnv": ["./src/utils/jestSetup.ts"]
  }
}

jestSetup.ts

import '@testing-library/jest-dom';
//@ts-ignore
import replaceAllInserter from 'string.prototype.replaceall';

replaceAllInserter.shim();

[joelcross]

This works for me, thanks @3nuc! I like your changes in jestSetup.ts- it makes a lot of sense to have the shim method run only in the tests.

[Rafatcb]

Another option is to update Node.js version to v15 or higher

[ManhNV103]

The quickest fix is to use replace with regex.

const urlTitle: string = title.replace(/ /g, '-');