Jest + TS + Vite = RangeError: Invalid string length

Aperta

#1,230 aperta il 28/7/2023 7 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà: 4/5
Tempo stimato: 3-5 giorni
Idoneità per principianti: 28/100

Tipo di issue: Bug
Chiarezza: Abbastanza chiara
Stato di attività: Ferma
Stack tecnologico: javascript, react, typescript, vite
Ambito: frontend, testing-qa

Direzione di ricerca

Inizia dal test di esempio, jest.config.ts e jest.setup.ts, quindi riproduci il fallimento utilizzando le versioni indicate di Jest, jsdom, React Testing Library, Vite, TypeScript e @swc/jest. Confronta le esecuzioni con e senza il transform, usando lo stack trace di pretty-format e DOMElementFilter come evidenza; il lavoro è completato quando il test React viene eseguito senza nessuno dei due errori riportati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

needs more information

@testing-library/react version: 14.0.0
Testing Framework and version:
- Jest: 29.6.2
- jest-environment-jsdom: 29.6.2
Other relevant dependencies:
- jest_workaround: 0.79.19
- jest-environment-jsdom: 29.6.2
- @swc/core: 1.3.71
- @swc/jest: 0.2.27
- vite: 4.3.2
- typescript: 5.0.2

Relevant code or config:

Example test

import { render, screen } from '@testing-library/react';
import { Element } from './element.test';

describe('renders the form correctly', () => {
    it('test to show form', async () => {

        render(
            <Element />
        );

        //await waitFor(() => {
            expect(screen.getByRole('textbox', { name: 'firstName'})).toBeInTheDocument();
        //});

    });

});

jest.setup.ts


import '@testing-library/jest-dom';
import '@testing-library/jest-dom/extend-expect';

jest.config.ts

export default {
    testEnvironment: 'jsdom',
    moduleNameMapper: {
        '^@/(.*)$': '<rootDir>/src/$1',
    },
    moduleDirectories: ['node_modules', 'src'],
    transform: {
        '^.+\\.(js|jsx|ts|tsx)$': [
            '@swc/jest',
            {
                jsc: {
                    target: 'es2021',
                    parser: {
                        syntax: 'typescript',
                        tsx: false,
                        decorators: true,
                        dynamicImport: true,
                    },
                    transform: {
                        react: {
                            runtime: 'automatic',
                        },
                    },
                    experimental: {
                        plugins: [['jest_workaround', {}]], //workaround fixing this problem: https://github.com/swc-project/swc/discussions/7024
                    },
                },
            },
        ],
    },
    setupFilesAfterEnv: ['./jest.setup.ts'],
};

What you did:

Run my tests normally with the configuration above and it fails.

What happened:

when I run my tests, the error that appears is this one:

RangeError: Invalid string length

      at printObjectProperties (node_modules/pretty-format/build/collections.js:174:47)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at node_modules/@testing-library/dom/dist/DOMElementFilter.js:39:79
          at Array.map (<anonymous>)
      at printChildren (node_modules/@testing-library/dom/dist/DOMElementFilter.js:38:89)
      at Object.serialize (node_modules/@testing-library/dom/dist/DOMElementFilter.js:115:75)
      at printPlugin (node_modules/pretty-format/build/index.js:330:16)
      at printer (node_modules/pretty-format/build/index.js:379:12)
      at node_modules/@testing-library/dom/dist/DOMElementFilter.js:39:79
          at Array.map (<anonymous>)
      at printChildren (node_modules/@testing-library/dom/dist/DOMElementFilter.js:38:89)
      at Object.serialize (node_modules/@testing-library/dom/dist/DOMElementFilter.js:115:75)
      at printPlugin (node_modules/pretty-format/build/index.js:330:16)
      at printer (node_modules/pretty-format/build/index.js:379:12)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at node_modules/@testing-library/dom/dist/DOMElementFilter.js:39:79
          at Array.map (<anonymous>)
      at printChildren (node_modules/@testing-library/dom/dist/DOMElementFilter.js:38:89)
      at Object.serialize (node_modules/@testing-library/dom/dist/DOMElementFilter.js:115:75)
      at printPlugin (node_modules/pretty-format/build/index.js:330:16)
      at printer (node_modules/pretty-format/build/index.js:379:12)
      at node_modules/@testing-library/dom/dist/DOMElementFilter.js:39:79
          at Array.map (<anonymous>)
      at printChildren (node_modules/@testing-library/dom/dist/DOMElementFilter.js:38:89)
      at Object.serialize (node_modules/@testing-library/dom/dist/DOMElementFilter.js:115:75)
      at printPlugin (node_modules/pretty-format/build/index.js:330:16)
      at printer (node_modules/pretty-format/build/index.js:379:12)
      at node_modules/@testing-library/dom/dist/DOMElementFilter.js:39:79
          at Array.map (<anonymous>)
      at printChildren (node_modules/@testing-library/dom/dist/DOMElementFilter.js:38:89)
      at Object.serialize (node_modules/@testing-library/dom/dist/DOMElementFilter.js:115:75)
      at printPlugin (node_modules/pretty-format/build/index.js:330:16)
      at printer (node_modules/pretty-format/build/index.js:379:12)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at node_modules/@testing-library/dom/dist/DOMElementFilter.js:39:79
          at Array.map (<anonymous>)
      at printChildren (node_modules/@testing-library/dom/dist/DOMElementFilter.js:38:89)
      at Object.serialize (node_modules/@testing-library/dom/dist/DOMElementFilter.js:115:75)
      at printPlugin (node_modules/pretty-format/build/index.js:330:16)
      at printer (node_modules/pretty-format/build/index.js:379:12)
      at node_modules/@testing-library/dom/dist/DOMElementFilter.js:39:79
          at Array.map (<anonymous>)
      at printChildren (node_modules/@testing-library/dom/dist/DOMElementFilter.js:38:89)
      at Object.serialize (node_modules/@testing-library/dom/dist/DOMElementFilter.js:115:75)
      at printPlugin (node_modules/pretty-format/build/index.js:330:16)
      at printer (node_modules/pretty-format/build/index.js:379:12)
      at node_modules/@testing-library/dom/dist/DOMElementFilter.js:39:79
          at Array.map (<anonymous>)
      at printChildren (node_modules/@testing-library/dom/dist/DOMElementFilter.js:38:89)
      at Object.serialize (node_modules/@testing-library/dom/dist/DOMElementFilter.js:115:75)
      at printPlugin (node_modules/pretty-format/build/index.js:330:16)
      at printer (node_modules/pretty-format/build/index.js:379:12)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)
      at printComplexValue (node_modules/pretty-format/build/index.js:310:48)
      at printer (node_modules/pretty-format/build/index.js:393:10)
      at printObjectProperties (node_modules/pretty-format/build/collections.js:173:21)

and if I remove the transform in my .swcrc file get this error:

ReferenceError: React is not defined

Also, I have tried different solutions found on the internet like add this in jest.setup.ts file:

import React from 'react';
global.React = React;

But I get the first error mentioned above.

Problem description:

As I mention Above it occurs when I tried to run a normal test with testing library, the other ones without React code works fine.

Lingua principale: JavaScript
Stelle: 19.7k
Fork: 1.2k
Metriche di merge delle PR: Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Nessun Dockerfile né file Docker Compose
Ha un modello di pull request
Leggi la guida per i contributori

Come iniziare

Leggi tutta la issue e poi la guida ai contributi del progetto.
Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
Fai un fork del repository e lavora su un branch.
Apri una pull request che faccia riferimento al numero della issue.

Altre issue di testing-library/react-testing-library

fireEvent.select does not wrap its automatic native focus in act
Forse già presa @sergioperezcheco l’ha presa 5 giorni fa. Aperta
- Qualcosa non va?
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100

testing-library/react-testing-library#1471 · Aperta il 7/10/2026
bug: calling configure() without reactStrictMode resets it to undefined, silently disabling strict mode
Forse di nuovo libera @suhailopensource l’ha presa 75 giorni fa e non c’è nessuna pull request aperta. Aperta
- Qualcosa non va?
Difficoltà 2/5 1-3 ore Idoneità per principianti 35/100

testing-library/react-testing-library#1466 · 1 commento · Aperta il 21/7/2026
Security: bare `testing-library` npm namespace held by third party — baitsquatting risk
Aperta
- Qualcosa non va?
Difficoltà 4/5 3-5 giorni Idoneità per principianti 30/100

testing-library/react-testing-library#1459 · 2 commenti · Aperta il 20/4/2026
perf: optimize container lookup with early exit
Forse di nuovo libera @Ch-Abhinav-Chowdary l’ha presa 301 giorni fa e non c’è nessuna pull request aperta. Aperta
- Qualcosa non va?
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 35/100

testing-library/react-testing-library#1430 · 1 commento · Aperta il 2/12/2025
`fireEvent.mouseEnter` does not forward `relatedTarget` (relatedTarget is the window instead)
Forse già presa @swarnim02 l’ha presa 319 giorni fa. Aperta
- Qualcosa non va?
Difficoltà 3/5 1-2 giorni Idoneità per principianti 55/100

testing-library/react-testing-library#1422 · Aperta il 29/10/2025

Tutte le issue di testing-library/react-testing-library

Issue simili

[Bug]: Windows: Chrome for Testing crashes in its stack sampling profiler during fullPage screenshots
Aperta
- Qualcosa non va?
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100

microsoft/playwright#43327 · Aperta il 13/10/2026

I maintainer di solito rispondono entro 1 giorno
TS7 LSP: documentHighlight returns nothing when the file path contains '@'
Aperta
- Qualcosa non va?
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100

microsoft/TypeScript#64758 · Aperta il 13/10/2026

I maintainer di solito rispondono entro 1 giorno
Use directory paths with trailing slashes in template-generated AddDotnetProject calls
Aperta
- Qualcosa non va?
needs-area-label

Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100

microsoft/aspire#20933 · Aperta il 12/10/2026

I maintainer di solito rispondono entro 1 giorno
Add "moby-bank" to the sandbox names
Aperta
- Qualcosa non va?
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 65/100

jeremyrdavis/moby-bank-harness#11 · Aperta il 12/10/2026
mcp/dev.sh: list every subcommand in its usage, before touching .env.dev
Aperta
- Qualcosa non va?
bug good first issue help wanted status: planned

Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100

andersthemagi/reliquary#310 · Aperta il 12/10/2026

I maintainer di solito rispondono entro 1 giorno

Altre issue su JavaScript

Jest + TS + Vite = RangeError: Invalid string length

Qualcosa non va?

Valutazione

Direzione di ricerca

Descrizione

Relevant code or config:

What you did:

What happened:

Problem description:

Preparare l'ambiente

Come iniziare

Altre issue di testing-library/react-testing-library

Qualcosa non va?

Qualcosa non va?

Qualcosa non va?

Qualcosa non va?

Qualcosa non va?

Issue simili

Qualcosa non va?

Qualcosa non va?

Qualcosa non va?

Qualcosa non va?

Qualcosa non va?

Ricevi le nuove issue nella tua casella