uiwjs / react-md-editor

A simple markdown editor with preview, implemented with React.js and TypeScript.
https://uiwjs.github.io/react-md-editor
MIT License
2.17k stars 156 forks source link

Unable to run the jest test #495

Open jothinayagan-psi opened 1 year ago

jothinayagan-psi commented 1 year ago

Facing an issue while running the jest test in next.js

image

// jest.config.js
const nextJest = require('next/jest');

const createJestConfig = nextJest({
    // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
    dir: './',
});

// Add any custom config to be passed to Jest
/** @type {import('jest').Config} */
const customJestConfig = {
    // Add more setup options before each test is run
    setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
    // if using TypeScript with a baseUrl set to the root directory then you need the below for alias' to work
    moduleDirectories: ['node_modules', '<rootDir>/', 'utils'],
    moduleNameMapper: {
        // Handle module aliases (This will be automatically configured for you soon)
        ...
        '@uiw/react-md-editor': '<rootDir>/node_modules/@uiw/react-md-editor/lib/index.js',
        'react-markdown': '<rootDir>/node_modules/react-markdown/react-markdown.min.js',
        rehype: '<rootDir>/node_modules/rehype/index.js',
        unified: '<rootDir>/node_modules/unified/index.js',
    },
    testEnvironment: 'jest-environment-jsdom',
    preset: 'ts-jest',
    transform: {
        '^.+\\.(ts|tsx)?$': 'ts-jest',
        '^.+\\.(js|jsx)$': 'babel-jest',
    },
};

 module.exports = async () => ({
     ...(await createJestConfig(customJestConfig)()),
     transformIgnorePatterns: ['node_modules/(?!(monaco-editor)/)', '^.+\\.module\\.(css|sass|scss)$'],
 });

module.exports = jestConfig;
jaywcjlove commented 1 year ago

@jothinayagan-psi You may be asking in the wrong place.

donaldpipowitch commented 1 year ago

We needed to add @uiw/react-md-editor to transformIgnorePatterns. We had the same problem in Jest in a non-Next project.

jaywcjlove commented 1 year ago

@donaldpipowitch

https://github.com/uiwjs/react-md-editor/blob/9e801481d3edf21807934502fae07aeb736e2e41/core/package.json#L56-L60