title.replaceAll is not a function

• @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

[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();

[ManhNV103]

The quickest fix is to use replace with regex.

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