Reactjs 关于'的玩笑测试错误；反应和msal'；包裹

我在名为Authorizer的组件中使用react aad msal包，当我运行测试时，我得到以下错误：

合成错误： 意外标记

从“react aad msal”导入{AzureAD，MsalAuthProviderFactory}

测试非常基本，删除导入会使测试变为绿色

describe('<Auzthorizer />', () => {
it('should load authorizer without crashing', () => {
    const wrapper = shallow(<Auzthorizer />);
});

描述（“”，（）=>{
它（'应该在不崩溃的情况下加载授权程序'，（）=>{
常量包装器=浅（）；
});

}))

使用“react aad msal”软件包的代码为：

   <AzureAD
            provider={new MsalAuthProviderFactory({
                clientID: clientId,
                scopes: ['openid'],
                authority: b2cHost,
                type: "Redirect",
                persistLoginPastSession: true
            })}
            unauthenticatedFunction={this.loginCallback}
            authenticatedFunction={this.logoutCallback}
            userInfoCallback={this.printUserInfo} />

尽管测试失败，即使我从组件中删除代码，并且只有“react aad msal”的导入

---

我创建了一个虚拟组件，只用于测试代码：

import React, { Component } from 'react';
import {AzureAD, MsalAuthProviderFactory } from 'react-aad-msal';


class Test extends Component {

    render() {
        <div></div>
    }
}

export default Test

import {shallow} from "enzyme";
import test from "./test";
import React from "react";


describe('<test />', () => {
    it('should load authorizer without crashing', () => {
        const wrapper = shallow(<test />);
    });
});

import React，{Component}来自'React'；
从“react aad msal”导入{AzureAD，MsalAuthProviderFactory}；
类测试扩展了组件{
render（）{
}
}
导出默认测试

以及包含以下代码的测试文件：

import React, { Component } from 'react';
import {AzureAD, MsalAuthProviderFactory } from 'react-aad-msal';


class Test extends Component {

    render() {
        <div></div>
    }
}

export default Test

import {shallow} from "enzyme";
import test from "./test";
import React from "react";


describe('<test />', () => {
    it('should load authorizer without crashing', () => {
        const wrapper = shallow(<test />);
    });
});

从“酶”导入{shall}；
从“/test”导入测试；
从“React”导入React；
描述（“”，（）=>{
它（'应该在不崩溃的情况下加载授权程序'，（）=>{
常量包装器=浅（）；
});
});

---

这个测试仍然失败。

用上面的代码，我不明白它是如何运行测试的。您正在浅装一个组件，但您正在将其保存到变量

包装器
，而没有对其执行任何测试。这是一个如何运行简单测试的示例

import React from 'react';
import { shallow } from 'enzyme';
import Test from './test';

describe('Test', () => {
  it('shallow mounts', () => {
    shallow(<Test />);
  });
});

包装所需组件的示例“APIProvider”

import React from 'react';
import { shallow } from 'enzyme';
import Test from './test';
import { APIProvider } from './api-context';

describe('Test', () => {
  it('mounts with API Context', () => {
    mount(
      <APIProvider>
          <Test />
      </APIProvider>
    );
  });
});

从“React”导入React；
从“酶”导入{shall}；
从“./Test”导入测试；
从“./api上下文”导入{APIProvider}；
描述（'测试'，（）=>{
它（'使用API上下文装载'，（）=>{
坐骑(
);
});
});
请创建一个完整的最小、完整且可验证的示例（），以便我们更好地理解您的问题。我无法提供更多的代码，我提供了让我失败的代码。提供部分错误并不是让您失败的代码。如果我们看不到您的测试是如何编写的，或者仅仅是“意外标记”，那么我们可以如何帮助您？这些错误通常会显示出更多的细节。可能是你的问题在另一条线上你是什么意思？测试正在使用“react aad msal”的此导入初始化组件，但它失败了…因此
从“react aad msal”导入{AzureAD，MsalAuthProviderFactory}在
Auzthorizer
组件中，而不是在测试文件中？这就是我所说的需要更清楚地了解您的问题并提供代码示例的意思。如何在组件中使用导入？尝试将相同的导入添加到测试文件中，确保将必要的道具传递给
Auzthorizer
组件。我不理解测试中的导入，但它不起作用。还用一个非常简单的示例再次编辑了问题。