Jest: Unexpected token 'export'

[Floflo18]

[Problem/Question]
Hi ! When I run my tests using Jest, I got an SyntaxError: Unexpected token ‘export’ from node_modules/@sendbird/chat/sendbird.js:1.
I tried to add transformIgnorePatterns and moduleNameMapper to my jest config but it doesn’t work and I didn’t find any topic/thread about that.
Can you help me with that please ?

// If problem, please fill out the below. If question, please delete.
[SDK Version]
@sendbird/chat 4.1.0
[Reproduction Steps]

• Import something from @sendbird/chat
• Run tests with jest
  [Frequency]
  Always
  [Current impact]
  Blocking

[edmundsj]

I am having the same issue. Running with jest and react-testing-library. My jest.config.js (I tried to get jest to ignore sendbird, but to no avail):

const config = { 
    testEnvironment: 'jsdom',
    moduleDirectories: ['node_modules', 'src'],
    moduleNameMapper: {
      "\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<r      ootDir>/mocks/fileMock.js",
      "\\.(css|less|scss|sass)$": "<rootDir>/mocks/fileMock.js"
    },  
    setupFilesAfterEnv: ["@testing-library/jest-dom/extend-expect"],
    transformIgnorePatterns: [
        "node_modules/(?!@sendbird)"                                                                
    ]   
}

module.exports = config;

Build is managed by create-react-app, node version 18.8.0, jest 27.5.1, react 18.2.0.

[edmundsj]

I got it to run by explicitly adding the --transformIgnorePatterns "node_modules/(?!@sendbird)/chat" as a flag to react-scripts test. However, because sendbird now has to compile every time I run my tests, they take about 2GB of memory and 100% of my quad-core CPU for a good 30 seconds, which is just not sustainable when I have to run tests constantly.

Until the sendbird team pre-compiles their node module into standard JS with module.exports instead of export {} syntax, I’m afraid this makes it infeasible for me to use.

[Alexis_Le_Boucher]

You can also mock sendbird, here the code I used to mock sendbird chat and groupChannels :

/* eslint-disable object-shorthand */
/* eslint-disable @typescript-eslint/no-empty-function */
import '@testing-library/jest-dom/extend-expect';

const channels = [
    {
        members: [
            {
                userId: '9878f560-0499-4db1-89d8-782717e32d7f',
            },
            {
                userId: '76bf72cc-0e5f-41a2-a209-b097a36d3bd5',
            },
        ],
        url: 'sendbird_group_channel_url1',
        unreadMessageCount: 1,
        lastMessage: {
            createdAt: 1668000173366,
            sender: {
                userId: '76bf72cc-0e5f-41a2-a209-b097a36d3bd5',
                nickname: 'Alex Chat',
            },
            message: 'Hey!',
        },
    },
    {
        members: [
            {
                userId: '9878f560-0499-4db1-89d8-782717e32d7f',
            },
            {
                userId: '76bf72cc-0e5f-41a2-a209-b097a36d3bd5',
            },
        ],
        url: 'sendbird_group_channel_url2',
        unreadMessageCount: 1,
        lastMessage: {
            createdAt: 1668000173366,
            sender: {
                userId: '76bf72cc-0e5f-41a2-a209-b097a36d3bd5',
                nickname: 'Alex Chat',
            },
            message: 'Message!',
        },
    },
];

jest.mock('@sendbird/chat', () => {
    return {
        __esModule: true,
        default: {
            init: (p: any) => {
                return {
                    addUserEventHandler: (p: any, p2: any) => {},
                    setSessionHandler: (p: any) => {},
                    removeUserEventHandler: (p: any) => {},
                    connect: (p: any, a: any) => {},
                    groupChannel: {
                        addGroupChannelHandler: (p: any, p2: any) => {},
                        removeGroupChannelHandler: (p: any) => {},
                        getTotalUnreadMessageCount: () => 2,
                        createMyGroupChannelListQuery: (p: any) => ({
                            hasNext: true,
                            next: () => channels,
                        }),
                    },
                };
            },
        },
        SessionHandler: jest.fn().mockImplementation(() => {
            return {};
        }),
        UserEventHandler: jest.fn().mockImplementation(() => {
            return {};
        }),
    };
});

jest.mock('@sendbird/chat/groupChannel', () => {
    return {
        __esModule: true,
        GroupChannel: {},
        GroupChannelCreateParams: {},
        GroupChannelHandler: jest.fn().mockImplementation(() => {
            return {};
        }),
        GroupChannelListOrder: {},
        GroupChannelListQuery: {},
        GroupChannelListQueryParams: {},
        GroupChannelModule: jest.fn().mockImplementation(() => {
            return {};
        }),
        MyMemberStateFilter: {},
        SendbirdGroupChat: {},
        GroupChannelHideParams: {},
    };
});

jest.mock('@sendbird/chat/message', () => {
    return {
        __esModule: true,
        BaseMessage: {},
        FileMessage: {},
        MessageModule: jest.fn().mockImplementation(() => {
            return {};
        }),
        MessageTypeFilter: {},
        ReplyType: {},
    };
});

It returns 2 fake Group Channels bu you can also return fake messages using this logic

[Ronen_Meiri]

any update regarding this case ? we are also experiencing this after upgrading to v4 and sendbird-desk 1.1.2