我有一个组件,其根DOM元素是<canvas>
。我使用componentDidMount()方法在画布上绘制图像;但是,我使用的是第三方库,当测试尝试创建从该库派生的新对象时,在测试过程中收到以下错误:TypeError: QR is not a constructor
QR
是用于实例化对象的类的名称。这是我的组件(请注意,在运行应用程序时,关于QR
对象没有错误,它仅在测试期间发生)。
QRCode.js:
import React, { Component } from 'react';
import * as QR from 'qrious';
export class QRCode extends Component {
render(){
return (
<canvas className='QRCode'>
</canvas>
);
};
componentDidMount() {
this.drawQRCode();
}
drawQRCode() {
...
// the error is occuring here
let qr = new QR({
element: canvas,
value: 'http://example.com/',
size: canvasSize,
level: 'H',
foreground: '#2B2F2B'
});
...
}
}
QRCode.test.js:
import { QRCode } from './QRCode';
import renderer from 'react-test-renderer';
describe('QRCode', () => {
it('renders correctly (snapshot test)', () => {
const tree = renderer
.create(<QRCode />)
.toJSON();
expect(tree).toMatchSnapshot();
});
});
我尝试将
import * as QR from 'qrious';
添加到QRCode.test.js文件的顶部,但这没什么区别。 最佳答案
将import * as QR from 'qrious'
替换为import QR from 'qrious'
编辑:
由于qrious
没有默认导出,因此应更改为:import { QRious } from 'qrious'
要么import { QRious as QR } from 'qrious'