Как настроить шутку для тестирования холста

Question

Невозможно запустить шутки с холстом. У меня есть функции, которые работают с canvas, context, dom и т. Д. Как правильно настроить Jest для этого?

Я пытался использовать jest-canvas-mock, но как правильно установить его?

package.json

"devDependencies": {
    ***
    "jest": "^24.8.0",
    "jsdom": "^15.1.1",
    ***
  },
  "dependencies": {
    ***
  },
  "jest": {
    "setupFiles": [
      "jest-canvas-mock"
    ]
  }
}

jest.config.js

module.exports = {
  roots: [
    '<rootDir>/src',
  ],
  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.[jt]sx?$',
  moduleFileExtensions: [
    'js',
  ],
};

console.log:

 TypeError: Cannot set property 'imageSmoothingEnabled' of null

      15 |       const canvas = document.createElement('canvas');
      16 |       const context = canvas.getContext('2d');
    > 17 |       context.imageSmoothingEnabled = false;
         |       ^

Answer 1

Попробуйте установить jest-canvas-mock библиотеку в package.json.

npm install --dev jest-canvas-mock

Затем импортируйте ее в свой тестовый файл.

import 'jest-canvas-mock'