使用RouterTestingModule和getCurrentNavigation()测试Angular 7组件时遇到问题
在测试Angular 7组件时使用RouterTestingModule和getCurrentNavigation()遇到问题的解决方法如下：
问题描述： 在测试Angular 7组件时，使用RouterTestingModule模拟路由，并尝试使用getCurrentNavigation()方法获取当前导航信息时遇到问题。
解决方法：
- 确保在测试文件的顶部导入RouterTestingModule和RouterTestingModule.withRoutes([])。
- 确保在测试文件的顶部导入RouterTestingModule和RouterTestingModule.withRoutes([])。
- 在测试套件的beforeEach()函数中配置测试环境。
- 在测试套件的beforeEach()函数中配置测试环境。
- 在测试用例中创建一个Router实例，并使用navigate()方法模拟导航。
- 在测试用例中创建一个Router实例，并使用navigate()方法模拟导航。
- 在测试用例中使用getCurrentNavigation()方法获取当前导航信息，并进行断言。
- 在测试用例中使用getCurrentNavigation()方法获取当前导航信息，并进行断言。
注意事项：
- 确保在测试文件中正确导入所需的模块和类。
- 在测试用例中使用TestBed.get()方法获取Router实例。
- getCurrentNavigation()方法返回的导航信息包含了finalUrl等属性，可以根据需要进行断言。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙平台（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我正在尝试测试一个组件，该组件在模板中使用routerLink (在使用RouterTestingModule的测试中处理)，并在ts文件中使用getCurrentNavigation()，以获取有关nav我试着只使用RouterTestingModule，但是我不能为getCurrentNavigation()模拟任何东西
我尝试过使用存根类，但这太复杂了，因为
浏览 22提问于2020-02-22得票数 0
Angular9import { Router } from '@angular/router';
// parameters= thi
浏览 3提问于2020-05-19得票数 0
我制作了一个组件，并使用下面的代码从路由中获取一些数据。当我尝试测试时，我得到了一个错误：
const navigation= this.router.g
浏览 7提问于2019-10-07得票数 3
我正在尝试使用茉莉为getCurrentNavigation().extras.state编写单元测试。@Component({ templateUrl: '.; if (this.router.getCurrentNavigation().extras.state) {
this.locationName =
浏览 1提问于2019-08-23得票数 18
回答已采纳
我正在尝试测试一个使用功能getCurrentNavigation()从导航中获取数据的组件，我的组件在使用ng serve服务时正常运行，但我的测试是这样说的：constructor(public router:Route
浏览 6提问于2020-05-24得票数 2
回答已采纳
我是Angular测试的新手，在使用导航服务的每个组件上都有一个错误：
Failed: StaticInjectorError(DynamicTestModule)[NavigationService导航服务使用angular路由器。当我在导入一个组件的规范文件时添加RoutertestingModule，我不再有这个错误了。我想知道解决方案是在每个组件的规范文件中添加RouterTestingModule<
浏览 1提问于2020-06-02得票数 1
我正在尝试为一个也使用Angular材质和Angular Flex布局的Angular样本应用程序创建测试。 在我的应用程序中，我已经使用了一个共享模块来导入所有的角度材质组件。每个组件都无法通过基本的创建测试。所以，我试了一下： import { async, ComponentFixture, TestBed } from '@angular/core/testin
浏览 4提问于2019-04-14得票数 0
回答已采纳
3回答
我是angular 6的新手，我正在尝试使用路由设置一个应用程序，但我无法使用ng serve加载内容。页面加载时没有错误，但为空。我不确定我遗漏了什么，这样当我导航到localhost:4200时，来自HomeComponent的内容就会显示出来。谢谢!/app.component';d
浏览 1提问于2018-07-02得票数 1
我在component类中使用了ngzone和router。我的单元测试工作正常，但现在出现错误，无法读取未定义的toLowerCase()。有人能建议我如何同时模拟Ngzone和Router吗？
浏览 23提问于2019-11-24得票数 0
1回答
角度测试模块和覆盖
、、、
我是角度测试的初学者，我的问题可能是“角度测试最佳实践”的一部分。假设我有一个按钮组件，需要路由器才能工作。其模块如下：import { CommonModule } from '@angular/common';
import/viewer-b
浏览 0提问于2019-03-21得票数 1
4回答
在Angular 2.0.0中，我正在对一个使用Router的组件进行单元测试。然而，我得到了“提供的参数不匹配任何调用目标的签名”。错误。我的代码如下：import { TestBed, async } from '@angular/core/testing';import { Rout
浏览 1提问于2016-09-30得票数 86
我正在使用角4.0.0应用程序进行单元测试，我的实际组件中的一些方法是通过以下方法调用手动路由：....this.navigateTo('/home/advisor');} public navigateTo(url: stringRouterModule declarations: []export class HomeRoutingModule { }
奇怪的是
浏览 4提问于2017-11-09得票数 31
回答已采纳
我正在使用angular-testing-library进行组件测试。当expect for fail时，在设置了值之后，我的测试用例不会失败。有谁能帮我吗？(标题，newTitle - @inputs) import { render, screen } from '@testing-library/angular';import
浏览 20提问于2021-09-21得票数 2
回答已采纳
我们已经完成了一个angular2项目，它创建了一个模块(my-模块)，在该模块中使用以下cmd命令创建了一个组件(My component )：cd angular2testng g module my-module在创建了设置和所有组件之后，我们从ng test文件夹中的cmd运行angular2test下面的文件是我的新<em
浏览 4提问于2016-12-07得票数 165
回答已采纳
图中所需的结构和工作结构，请先看一看。If 'app-header' is an Angular component, then verify that it is part of this module.我不想在SharedModule中导入(shared.module.ts ) shared.module.ts，只想在已经使用它的模块中导入检查：
导入和导出HeaderComponent (header.component.
浏览 2提问于2020-05-19得票数 3
我是angular 2的新手，在测试代码时遇到了一些问题。我使用jasmine测试框架和karma测试运行器来测试我的应用程序。我有一个要测试的组件(名为GroupDetailsComponent)。该组件在html文件中使用两个服务(GroupService和TagelerServie，两者都有与API对话的CRUD方法)和一些管道。a
浏览 0提问于2017-04-10得票数 0
我使用角-cli与angular2 v4.0与角材料.
所有错误都是Dudes..what吗？我正在努力学习因果报应，如果我进行npm测试，我会得到34次与材料有关的失败。声明、entryComponents、导入和提供程序在我的@NgModule n app.module.ts文件中。我真的不想添加不相关的组件。如何导入app.module.ts文件？我还有50个要进口..。请考虑将DashboardComponent移动到导入AppModule和DynamicTestModule的更
浏览 8提问于2017-06-12得票数 8
3回答
如何使用karma和jasmine在Angular版本2.0.0中对路由器进行单元测试？下面是我的旧单元测试在2.0.0-beta.14版中的样子import { inject, beforeEach, TestComponentBuilder
import { RootRouter } from
浏览 0提问于2016-09-22得票数 31
回答已采纳
我在一个嵌套组件中使用了工具提示和模态，在我的规范文件中，我在测试模块中导入了NgbModule.forRoot()。这似乎在任何地方都有效，除了这一个组件，如果我添加这个导入，我的许多单元测试突然开始失败，并出现以下错误： at NgbTooltip.ngOnDestroy
我正在使用Angular CLI进行捆绑
浏览 1提问于2017-02-16得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
