TypeError: Cannot read property 'getRandomValues' of undefined for Unit test

[Mohammad]

i have created component for Syncfusion Column Chart, and tried to unit test my code using JEST (react-test-renderer), got error.

TypeError: Cannot read property 'getRandomValues' of undefined

    TypeError: Cannot read property 'getRandomValues' of undefined

      31 | describe('<Column />', () => {

      32 |     test('Column changes the class when hovered', () => {

    > 33 |         const component = renderer.create(

         |                                    ^

      34 |             <Column data={data1} chartProp={chartProp1} />,

      35 |             );

      36 |             const tree = component.toJSON();

      at m (node_modules/@syncfusion/ej2-base/dist/ej2-base.umd.min.js:10:2061)

      at e.r [as constructor] (node_modules/@syncfusion/ej2-base/dist/ej2-base.umd.min.js:10:72492)

      at e.o [as constructor] (node_modules/@syncfusion/ej2-charts/dist/ej2-charts.umd.min.js:10:137363)

      at new e (node_modules/@syncfusion/ej2-react-charts/dist/ej2-react-charts.umd.min.js:20:8204)

      at constructClassInstance (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4833:18)

      at updateClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6685:5)

      at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7540:16)

      at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10358:12)

      at workLoop (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10390:24)

      at renderRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10476:7)

      at performWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11342:7)

      at performWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11254:7)

      at performSyncWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11228:3)

      at requestWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11097:5)

      at scheduleWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10907:5)

      at scheduleRootUpdate (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11494:3)

      at updateContainerAtExpirationTime (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11522:10)

      at updateContainer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11533:10)

      at Object.create (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12079:5)

      at Object.create (src/lib/charts/column/Column.test.jsx:33:36)

[Jayakumar Duraisamy]

Hi Mohammad, 

We need to mock all functionalities of window and others related to DOM in JEST for properly running the unit test cases in it. We will analyze this further and get back to you with more details within 2 working days on January 21, 2019. 

Regards, 

Jayakumar D 

[Jayakumar Duraisamy]

Hi Mohammad, 

Please ignore the previous update. 

Since JEST does not have all window functions, we need to mock all functionalities of window and others related to DOM if that are not implemented in the JEST. Please refer the mocking options provided in JEST documentation. 

Documentation link:  https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom  

However, we will analyze the possibilities of using all the functionalities used in our components in testing environment and get back to you with more details within 2 working days on January 21, 2019. 

Regards, 

Jayakumar D 

[Mohammad]

Hi Mohammad, 

Please ignore the previous update. 

Since JEST does not have all window functions, we need to mock all functionalities of window and others related to DOM if that are not implemented in the JEST. Please refer the mocking options provided in JEST documentation. 

Documentation link:  https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom  

However, we will analyze the possibilities of using all the functionalities used in our components in testing environment and get back to you with more details within 2 working days on January 21, 2019. 

Regards, 

Jayakumar D 

Still waiting for update

Can you please provide update?

[Mohammad]

Hi Mohammad, 

Please ignore the previous update. 

Since JEST does not have all window functions, we need to mock all functionalities of window and others related to DOM if that are not implemented in the JEST. Please refer the mocking options provided in JEST documentation. 

Documentation link:  https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom  

However, we will analyze the possibilities of using all the functionalities used in our components in testing environment and get back to you with more details within 2 working days on January 21, 2019. 

Regards, 

Jayakumar D 

Still waiting for update

Can you please provide update?

Found following solution, adding following lines in test file

Object.defineProperty(global.self, 'crypto', {

value: {

getRandomValues: (arr) => crypto.randomBytes(arr.length)

}

});

It works

[Jayakumar Duraisamy]

Hi Mohammad, 

Thanks for your update. 

We are glad to hear that your error was resolved. Please let us know, if you need any further assistance. 

Regards, 

Jayakumar D