5

Estou desenvolvendo um sistema em Electron que funciona bem, mas ao rodar os testes no Jest eu recebo o seguinte erro:

 console.error
    Error: Uncaught [TypeError: value.replaceAll is not a function]
        at reportException (C:\Users\rafae\Desktop\VisualData\pdv\node_modules\jsdom\lib\jsdom\living\helpers\runtime-script-errors.js:62:24)
        at innerInvokeEventListeners (C:\Users\rafae\Desktop\VisualData\pdv\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:333:9)
        at invokeEventListeners (C:\Users\rafae\Desktop\VisualData\pdv\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:274:3)
        ...

O meu código é o seguinte:

let index = 0;
const value = 'Alguma string';
return value.replaceAll('.', match => index++ === 0 ? match : '');

Estou utilizando a versão 26.0.1 do Jest e 14.5.4 do Node. O Electron é a versão 11.4.7, Chrome 87.0.4280.141.

  • Por que esse problema ocorre se no meu sistema está funcionando bem?
  • Como posso consertar isso no Jest sem usar .replace com RegExp?
2
  • Rafael, não estão trocados os parâmetros? o regex/match deveria vir primeiro eu acho.. veja a documentação: developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/… Commented 7/06/2021 às 21:42
  • A sintaxe é const newStr = str.replaceAll(regexp|substr, newSubstr|function). No caso eu usei str.replaceAll(substr, function), onde substr é a string a ser substituída pela função. A função substitui todos os pontos . com exceção do primeiro, por isso o index++ === 0. Não usei RegExp. Commented 7/06/2021 às 23:16

1 Resposta 1

7

O problema

Esse problema acontece porque o String.prototype.replaceAll é um método novo, adicionado no ES2021. Além de navegadores antigos, versões mais antigas do Node.js (v14 ou anterior) não suportam esse método, e é por isso que o teste no Jest falha.

Você pode ver a tabela de suporte de navegadores no Can I Use:

Tabela do Can I Use

O shim desse método pode ser obtido no pacote string.prototype.replaceall.

A solução

Suporte para navegadores

Para permitir que navegadores executem esse código sem problema, é necessário realizar o polyfill, incluindo o shim e executando o método .shim() uma única vez.

  1. Instale o pacote como uma dependência do projeto com npm i string.prototype.replaceall ou yarn add string.prototype.replaceall;

  2. Adicione o polyfill:

import replaceAllInserter from 'string.prototype.replaceall';

replaceAllInserter.shim();

Suporte para o Node.js e Jest

Atualizar o Node.js

Caso seja possível atualizar o Node.js, você pode atualizá-lo para uma versão mais recente, que utilize a versão 8.5 do V8, que é quando o .replaceAll foi implementado.

De acordo com a lista disponível no site do Node.js, nenhuma versão utiliza o V8 8.5, mas a partir do Node.js 15.0.0 é utilizada a versão 8.6 do V8. Então, atualize o Node.js para v15 ou superior.

Utilizar o polyfill em desenvolvimento

Como no Electron está funcionando, já que a versão 87 do Chrome já possui a implementação do método, você pode utilizar o polyfill apenas no ambiente de desenvolvimento, conforme mencionado nessa issue.

  1. Instale o pacote como uma dependência de desenvolvimento com npm i -D string.prototype.replaceall ou yarn add -D string.prototype.replaceall;

  2. Modifique a sua configuração do Jest, adicionando um novo arquivo na propriedade setupFilesAfterEnv:

{
  "jest": {
    "setupFilesAfterEnv": ["<rootDir>/jestSetup.js"]
  }
}
  1. No arquivo jestSetup.js, adicione o código do polyfill:
import replaceAllInserter from 'string.prototype.replaceall';

replaceAllInserter.shim();

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .