在导致测试失败的组件中使用NgbModule.forRoot()
()是Angular框架中的一个常见问题。NgbModule是ng-bootstrap库中的一个模块，用于集成Bootstrap组件到Angular应用中。
当在测试中使用NgbModule.forRoot()时，可能会导致测试失败的原因是因为它会在测试环境中创建一个全局的NgModule实例，而这个实例可能会与其他测试组件产生冲突。
为了解决这个问题，可以采取以下几种方法：
- 使用NgbModule的forRoot()方法的替代方案：可以尝试使用ng-bootstrap库中提供的forRoot()方法的替代方案，例如使用forChild()方法来代替forRoot()。这样可以避免创建全局的NgModule实例，从而减少测试失败的可能性。
- 在测试组件中手动导入所需的模块：可以在测试组件的测试文件中手动导入所需的模块，而不是在测试组件的NgModule中导入NgbModule。这样可以避免与全局的NgModule实例产生冲突。
- 使用Angular的测试工具来模拟依赖项：可以使用Angular的测试工具来模拟依赖项，例如使用TestBed.configureTestingModule()方法来配置测试组件的依赖项。这样可以避免在测试中使用NgbModule.forRoot()导致的冲突。
总结起来，当在导致测试失败的组件中使用NgbModule.forRoot()时，可以尝试使用NgbModule的替代方案、手动导入所需的模块或使用Angular的测试工具来模拟依赖项，以解决测试失败的问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iot
- 移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc
相关·内容
2回答
在导致测试失败的组件中使用NgbModule.forRoot()
angular、typescript、jasmine、angular-cli、ng-bootstrap
我在一个嵌套组件中使用了工具提示和模态，在我的规范文件中，我在测试模块中导入了NgbModule.forRoot()。这似乎在任何地方都有效，除了这一个组件，如果我添加这个导入，我的许多单元测试突然开始失败，并出现以下错误： at Ng
浏览 1提问于2017-02-16得票数 6
1回答
尽管导入了NgbModule.forRoot()，但设置带有ng引导元素的Angular testbed的依赖关系的问题
javascript、angular、testing、testbed
我在为包含ng引导模式的组件设置依赖项时遇到了问题。下面的代码来自隔离问题的测试项目。当网站被服务时，该组件工作并运行没有错误，但测试似乎存在依赖问题。我使用NgbModal服务来打开和关闭组件中的模态。下面是组件的设置： selector: 'app-main-component',
templateUrl: '.<
浏览 8提问于2018-07-09得票数 1
0回答
角度测试依赖模块
angular、unit-testing、angular-test
我正在成功地对正在测试的组件进行单元测试。我不得不给组件添加更多的功能--工具提示和翻译。翻译服务是我的代码，我可以用翻译服务和模拟翻译服务测试测试中的组件。
我遇到的问题是工具提示。它们来自ng-bootstrap，可以通过在我的app.module中导入NgbModule.forRoot()来使用<
浏览 9提问于2017-12-12得票数 1
回答已采纳
我刚刚开始使用ng test来验证我的角度应用程序。我使用了角-Cli来生成我的模块和组件，而.spec.ts则是直截了当的。在一次测试中，我得到了以下信息：
StaticInjectorErrorFormBuilder: NullInjectorError它失败的组件已经声明了以下内容
import { F
浏览 2提问于2017-11-18得票数 10
回答已采纳
2回答
使用NgbDatepicker的角单元测试失败
angular、unit-testing、datepicker、ng-bootstrap
这看起来很简单，而且我肯定我不会在某个地方导入什么东西，但是我已经尝试了所有的模块，包括测试，但没有成功。此错误导致测试失败：
没有将"exportAs“设置为" ngbDatepicker”(一年前的placeholder=)=“fromDate”ngbDatepicker错误->#fromDateToggle=“ngbDatepicker”title=“选择日期”>“的指令。我有一个组件模板，它在弹出窗口中使用ng
浏览 0提问于2018-01-26得票数 5
回答已采纳
2回答
web-component-tester :在Chrome中测试成功，在Firefox中测试失败
javascript、google-chrome、firefox、polymer、web-component-tester
我从命令行使用web-component tester在我的聚合物组件上运行基于fixture的测试。测试成功了Chrome (v.47)，但在Firefox (v.42)中失败了。问题是，在我的聚合物组件中的某些更改观察器函数中，预期的数据在Chrome中被接收，但在Firefox中
浏览 1提问于2015-12-09得票数 0
2回答
如何使用角度技术在Angular2中创建工作工具提示？
angular、angular-ui-bootstrap
我搜索了很多简单、简单、最重要的制作工具提示的方法，但我似乎找不到一个统一的方法。我试过使用ngbToolTip来完成这一操作，遵循ng引导中的文档，但它似乎不起作用。<span class="glyphicon glyphicon-ok" aria-hidden="true"></span></div>
因此，我只是在我<
浏览 4提问于2017-03-25得票数 0
回答已采纳
1回答
ng-bootstrap和Angular 6:无法解析NgbModalRef的所有参数：(?，?)
angular、ng-bootstrap
是否有人使用ng-bootstrap并在使用angular 6时遇到以下错误我已经包含了providers: [NgbModule, NgbModalRef]在我导入的ts组件文件中
浏览 6提问于2018-08-02得票数 2
回答已采纳
1回答
管道号码导致报应崩溃
angular、jasmine、karma-runner
使用管道编号因果报应失败负载组件然而，在应用程序中，一切都很好。}} {{ facture }}import { CurrencyPipe, DecimalPipe, PercentPipe }beforeEach(async(() => {
const comp = TestBed.configureTe
浏览 2提问于2018-03-09得票数 7
回答已采纳
1回答
Karma- Test :在其他测试中使用异步时随机测试失败
angular、karma-jasmine、karma-runner
当我运行我的测试时，有时会出现这样的错误： {
"message": "An error was，测试可能不会失败。我读到这可能是异步测试()的错误，所以我删除了所有的异步和伪异步测试。然而，这仍然不能解决问题。在没有异步和fakeasync测试的情况下，我会出现
浏览 0提问于2018-11-08得票数 7
1回答
Jasmine/Karma测试角5 HTTP响应
javascript、angular、jasmine、karma-jasmine
我对TDD完全陌生，我正在公司里调试一个大的Range5应用程序。 HttpModule, Ng4LoadingSpinnerModule.forRoot(),
NgbModule.forRoot它是一个服务，它有一个返回承诺的方法，并调用后端的一个特定部分，返回数
浏览 0提问于2018-08-23得票数 0
回答已采纳
1回答
如何在全球范围内模拟/替换集成测试中的组件？
ember.js、qunit、sinon、ember-qunit
我有一个组件“嵌套”，它发出一个web请求，我使用这个组件来自另一个组件“父”。有没有人知道我是否有一种方法可以将“嵌套”的片段存根，或者使用注册表将“嵌套”替
浏览 0提问于2016-02-22得票数 0
回答已采纳
1回答
由于时区不匹配，GitLab管道中的Jest快照测试失败
javascript、jestjs、gitlab、snapshot-testing
我对一个调用toDateString()和toTimeString()的组件进行了普通的Jest快照测试。当我在本地运行时，测试都通过了，因为测试和我的组件都是在当前时区( EST )运行的；但是，当我将测试签入到GitLab中时，快照会在EST中运行，但是组件会在协调世界时调用这些方法，从而导致它失败。有没有
浏览 31提问于2020-12-01得票数 2
1回答
使用格式化程序回调测试React Highcharts配置对象
unit-testing、reactjs、highcharts、jestjs
我在使用Jest测试生成<ReactHighcharts />组件所需的配置对象的助手函数时遇到了一个问题。对于使用formatter回调的配置，我期望的对象在视觉上与我收到的对象相同，但测试仍然失败。我确信formatter回调是导致测试失败的原因--注释掉它可以使<e
浏览 3提问于2017-04-08得票数 0
2回答
为什么我的测试在运行整个套件时会间歇性地失败？
ember.js、ember-cli
我的一个测试在运行整个套件时间歇性地失败，但当它自己运行时它不会失败。基本上，我创建了一个具有文本字段和按钮的组件。当两个测试在输入上使用fillIn帮助器时，就会出现问题。find('input[type=submit]').is(':disabled'));});
正如
浏览 0提问于2016-10-14得票数 0
1回答
将ng引导集成到ASP.NET核心JavaScript服务(Angular)项目中
angular、asp.net-core、ng-bootstrap、asp.net-core-2.0、asp-net-core-spa-services
>dotnet run
NodeInvocationException:由于'ClientApp/dist/main-server‘中的引导函数返回了一个没有解决或拒绝的承诺，所以Prerendering在3000ms之后超时。因此，我目前正在尝试使用我想要使用的组件来创建一个ng-bootstrap模型，这些组件不会调用任何承诺(或者将<em
浏览 2提问于2017-10-03得票数 12
1回答
我的组件都需要由状态提供程序包装才能工作，所以当我呈现每个组件以进行测试时，我会将它们包装在状态提供程序中。，当组件在测试过程中更改状态时，在下一次测试运行之前，它不会将状态重置回初始状态。这会导致许多测试失败。 例如，我有一个包含“显示/隐藏密码”按钮的密码输入组件。单击时，它会切换布尔状态值showPassword
浏览 11提问于2019-05-15得票数 2
3回答
NG-引导模式组件没有提供程序错误
angular、ng-bootstrap
I角锥2的ng引导库；特别是我正在查看：。我尝试将示例代码合并到我的项目中，但收效甚微。我从浏览器调试器得到的错误是
没有为NgbModal提供程序，我在示例代码中没有看到任何内容。我想要做的就是把他们的示例代码实现到ng new <projectname>将用modile.component.ts和app.component.ts文件生成的标准项目中。btn-lg btn-outline-primary" (click)=&qu
浏览 4提问于2017-05-27得票数 12
回答已采纳
12回答
如何使用jest和react测试库测试元素的不存在性？
reactjs、jestjs、react-testing-library
我有一个组件库，我正在编写使用Jest和react测试库的单元测试。基于某些道具或事件，我想验证某些元素没有被呈现。如果没有找到元素，则getByText、getByTestId等在react-testing-library中抛出和出错，导致测试在expect函数触发之前失败。你如何使用反应测试库来测试在玩笑中不存在的<
浏览 9提问于2018-10-12得票数 296
回答已采纳
1回答
模拟不需要的组件使用Jest
javascript、reactjs、jestjs、integration-testing、enzyme
让我们想象一下，我们有这个Page组件： <> <Drawer /> </>
我想在集成测试中测试折叠和Content组件中的一些交互，挂载我们的Page组件，因此我会为Topbar组件编写一个模拟
浏览 0提问于2019-02-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
