如何解决尝试使用FullCallendarModule构建Angular 10组件单元测试时,“玩笑遇到了意外的令牌”
我正在尝试为使用FullCalendar for Angular的组件创建单元测试。知道如何解决这个问题吗?
Details:
...........\node_modules\@fullcalendar\core\main.js:6
import './vdom';
^^^^^^
SyntaxError: Cannot use import statement outside a module
1 | import {async,ComponentFixture,TestBed} from "@angular/core/testing";
> 2 | import {FullCalendarModule} from "@fullcalendar/angular";
| ^
3 | import dayGridPlugin from "@fullcalendar/daygrid";
4 | import interactionPlugin from "@fullcalendar/interaction";
5 | import {CalendarComponent} from "../../calendar/calendar.component";
at Runtime._execModule (../node_modules/jest-runtime/build/index.js:1179:56)
at ../node_modules/@fullcalendar/angular/bundles/fullcalendar-angular.umd.js:2:139
at Object.<anonymous> (../node_modules/@fullcalendar/angular/bundles/fullcalendar-angular.umd.js:5:2)
at Object.<anonymous> (app/private-pages/booking/booking-page.component.spec.ts:2:1)
希望这对于过去解决该问题的人来说已经足够了。如果您需要更多信息(例如完整的代码等),请告诉我
我发现这个SO答案对我的情况没有帮助(可能它针对React,但不针对Angular): customize-cra to compile node_modules for JEST
解决方法
在您的测试文件中,您需要按如下方式模拟完整的日历:
jest.mock('@fullcalendar/angular',() => () => <div />);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。