fix failing jest tests

Author: AbanoubGhadban

jest.config.js

@@ -1,4 +1,5 @@
 module.exports = {
   preset: 'ts-jest/presets/js-with-ts',
   testEnvironment: 'jsdom',
+  setupFiles: ['<rootDir>/node_package/tests/jest.setup.js'],
 };

node_package/src/serverRenderReactComponent.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import ReactDOMServer, { PipeableStream } from 'react-dom/server';
+import ReactDOMServer from 'react-dom/server';
 import { PassThrough } from 'stream';
 import type { ReactElement } from 'react';
 

node_package/tests/ReactOnRails.test.js

@@ -19,10 +19,15 @@ describe('ReactOnRails', () => {
     });
     ReactOnRails.register({ R1 });
 
-    document.body.innerHTML = '<div id="root"></div>';
-    // eslint-disable-next-line no-underscore-dangle
-    const actual = ReactOnRails.render('R1', {}, 'root')._reactInternals.type;
-    expect(actual).toEqual(R1);
+    const root = document.createElement('div');
+    root.id = 'root';
+    root.textContent = ' WORLD ';
+
+    document.body.innerHTML = '';
+    document.body.appendChild(root);
+    ReactOnRails.render('R1', {}, 'root');
+
+    expect(document.getElementById('root').textContent).toEqual(' WORLD ');
   });
 
   it('accepts traceTurbolinks as an option true', () => {

node_package/tests/jest.setup.js

@@ -0,0 +1,13 @@
+// If jsdom environment is set and TextEncoder is not defined, then define TextEncoder and TextDecoder
+// The current version of jsdom does not support TextEncoder and TextDecoder
+// The following code will tell us when jsdom supports TextEncoder and TextDecoder
+if (typeof window !== 'undefined' && typeof window.TextEncoder !== 'undefined') {
+  throw new Error('TextEncoder is already defined, remove the polyfill');
+}
+
+if (typeof window !== 'undefined') {
+  // eslint-disable-next-line global-require
+  const { TextEncoder, TextDecoder } = require('util');
+  global.TextEncoder = TextEncoder;
+  global.TextDecoder = TextDecoder;
+}