开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用window.location.href进行Angular 7单元测试

是不可行的，因为window.location.href是浏览器对象，而在单元测试中无法直接访问浏览器对象。

在Angular 7单元测试中，我们可以使用Angular提供的测试工具和技术来模拟和测试路由导航的行为。以下是一些常用的方法：

使用RouterTestingModule：在测试中，可以使用RouterTestingModule来模拟路由器的行为。它提供了一组用于测试路由导航的工具和方法。
使用Router和Location：可以通过注入Router和Location服务来测试路由导航。通过使用Router和Location的方法，可以模拟导航到指定URL并验证导航是否成功。
使用RouterTestingModule.withRoutes：可以使用RouterTestingModule.withRoutes方法来定义测试用例中的路由配置。这样可以在测试中模拟不同的路由导航情况。
使用Router.navigate和Router.navigateByUrl：可以使用Router的navigate和navigateByUrl方法来模拟路由导航。这些方法接受一个URL参数，并将应用导航到指定的URL。
使用Router.events：可以使用Router的events属性来监听路由事件。通过监听路由事件，可以验证路由导航是否发生，并执行相应的断言。

总结起来，使用window.location.href进行Angular 7单元测试是不可行的，而是应该使用Angular提供的测试工具和技术来模拟和测试路由导航的行为。以上是一些常用的方法和技巧，具体的测试方案和代码实现可以根据具体的需求和场景进行调整和扩展。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙（Tencent Real-Time Render）：https://cloud.tencent.com/product/trr

相关搜索:使用Angular 7进行单元测试 Angular单元测试window.location.href 使用setTimeout进行Angular单元测试使用SetInterval进行Angular单元测试如何使用angular 7 karma/jasmine对@hostlistener粘贴事件进行单元测试使用订阅进行Jasmine Angular单元测试使用NgModel angular 7进行表单验证使用Angular | Event Listeners进行Karma单元测试使用angular中的路由进行单元测试使用Jasmin进行Angular 8单元测试EventSource 使用@input对angular组件进行单元测试使用Mapquest API进行Angular/Jest单元测试使用ngFor进行ControlValueAccessor的Angular单元测试使用PDFJS和angular 7进行打印预览如何使用输入对Angular指令进行单元测试？使用Jasmine/Karma进行Angular6单元测试使用Jest进行Angular click事件Dom单元测试在angular 7单元测试中测试转换 Angular 7单元测试可观察订阅调用如何使用fullCalendar在angular 7上进行CRUD

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

一文搞懂前端路由的原理（Vue、React、Angular）

前端三大框架 Angular、React、Vue ，它们的路由解决方案 angular/router、react-router、vue-router 都是基于前端路由原理进行封装实现的，因此将前端路由原理进行了解和掌握是很有必要的，因为我们再使用的过程中也难免会遇到一些坑，一旦我们掌握了它的实现原理，那么就能在开发中对路由的使用更加游刃有余。

02

Angular中通过$location获取地址栏的参数详解

最近，项目开发正在进行时，心有点燥，许多东西没来得及去研究，今天正想问题呢，同事问到如何获取url中的参数，我一时半会还真没想起来，刚刚特意研究了一下，常用的方法就以下几种：

03

window location href页面跳转的几种用法及其延展「建议收藏」

如果页面中自定义了frame，那么可将parent、self、top换为自定义frame的名称,效果是在frame窗口打开url地址。

01

你知道 JavaScript 有 535 种方法刷新页面吗？

第 1 种 location = location 第 2 种 location = location.href 第 3 种 location = window.location 第 4 种 location = self.location 第 5 种 location = window.location.href 第 6 种 location = self.location.href 第 7 种 location = location['href'] 第 8 种 location = window['lo

01

基于 Angular 的微前端理念与实践

现代 Web 应用正在变得越来越庞大和复杂，有时候这样的应用会由不同的团队来管理。应用可能会包含不同团队开发的特性，在交付整个应用之前，我们可能希望只将某些特定的功能发布到生产环境中。如果整个应用只有一个仓库（repo），那我们该如何管理不同的团队和不同的发布周期呢？

02

JavaScript中window.open（）和Window Location href的区别

URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口

05

JavaScript中window.open（）和Window Location href的区别「建议收藏」

specs 可选。一个逗号分隔的项目列表。支持以下值： channelmode=yes|no|1|0 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器 directories=yes|no|1|0 是否添加目录按钮。默认是肯定的。仅限IE浏览器 fullscreen=yes|no|1|0 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器 height=pixels 窗口的高度。最小.值为100 left=pixels 该窗口的左侧位置 location=yes|no|1|0 是否显示地址字段.默认值是yes menubar=yes|no|1|0 是否显示菜单栏.默认值是yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏.默认值是yes titlebar=yes|no|1|0 是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes top=pixels 窗口顶部的位置.仅限IE浏览器 width=pixels 窗口的宽度.最小.值为100 replace Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：

02

实战SSM_O2O商铺_48【用户登录】用户登录Dao-Service-Controller-View层的开发

我们现在tb_local_auth表中模拟几条数据，先将用户登录（本地账号）的功能从后端到前端开发一下

02

js实用方法记录-js动态加载css、js脚本文件

方法测试：openApp('ios页面','**.apk','metools://home');

03

window location href无反应，不跳转的情况的解决

在进行js练习的时候，遇到了一个问题，在操作页面跳转的时候，使用window.location.href无法进行跳转，经过一系列的排查，和分析，最终解决这个问题。

04

window.open被浏览器拦截问题

使用window.open前，需要先知道一个概念：Pop-up blocker（弹窗拦截）

04

mybatis结合分页的使用及解析.

首先说明: 这里分页是使用了SSM框架+ jsp 来做的, 当然分页还有其他的很多做法, 比如easyUI自带的分页效果. 但是这些原理都是很相似的, 再次只做为学习总结之用. 一, 效果图这里的截

07

使用 js 准确获取当前页面 url 网址信息及 301 重定向实战

传送门在 WEB 开发中，时常会用到 javascript 来获取当前页面的 url 网址信息，在这里是我的一些获取 url 信息的小总结。

02

XSS Challenge通关简单教程

当我们写入一个语句的时候，可以发现被闭合掉了，因此在这里可以尝试先行闭合搜索框之后再弹出xss

02

window.location.href和window.location.hash的区别

综：window.location.href表示重定向，后面跟着的是完整的url地址，与其相似的还有window.location.hash，

03

HTML如何实现页面跳转(html跳转到指定页面)

window.history.go(-1)；或者window.history.back(-1)；

03

解决安卓微信浏览器中location.reload 或者 location.href失效的问题

在移动wap中，经常会使用window.location.href去跳转页面，这个方法在绝大多数浏览器中都不会存在问题，但早上测试的同学会提出了一个bug：在安卓手机的微信自带浏览器中，这个是失效

07

防止网页被嵌入框架的代码（续）

两年前，我写过一段代码，防止网页被嵌入框架（Frame）。 <script type="text/javascript"> 　　if (window!=top) // 判断当前的window对象是否是top对象　　top.location.href = window.location.href; // 如果不是，将top对象的网址自动导向被嵌入网页的网址 </script> 这段代码是有效的。但是，有一个问题：使用后，任何人都无法再把你的网页嵌入框架了，包括你自己在内。于是，我今天就在考虑

08

HTML页面跳转的5中方式！

当使用target="_blank"打开新标签页时，新页面的window.opener是指向前一个页面，这样就可以控制前一个页面。譬如：当新旧页面在同一个域名下时，在新页面控制台输入 window.opener.alert(1) ，会发现旧页面弹出消息1 。当新旧页面不在同一个域名时，通过window.opener.location.replace 可以改变旧页面的url。所以还是加上rel="noreferrer"，把opener对象设置为null，以防后患。

02

js判断手机端和pc端

navigator对象有一个属性为userAgent，这是一个只读的字符串，声明了浏览器用于HTTP请求的用户代理头的值。所以我们可以通过判断navigator.userAgent里面是否包含某些值来判断。如下为userAgent的打印值。

06

使用angular4和asp.net core 2 web api做个练习项目(四)

Auth Guard 该系统的大部分页面都应该是用户登陆以后才可以看见, 没有登陆的话直接应该跳转到登陆页面. 首先建立authguard: ng g g guards/auth 代码: import { Injectable } from '@angular/core'; import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router'; import { Observabl

实战SSM_O2O商铺_24【商铺列表】View层开发

com.artisan.o2o.web.shopadmin.ShopAdminController.java

04

Clickjacking简单介绍

今天没有原创文章发了，从乌云知识库里选了一个文章给大家分享一下，不知道这种方式，大家是否能够接我从乌云知识库里选择一些文章给大家分享，请大家给我提出来，我来根据大家的意见来做出变化，毕竟写原创不易，请大家谅解。欢迎大家给我留言，让我知道你们的想法。

00

返回跳转指定页面的JS代码_java页面跳转的代码

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/170157.html原文链接：https://javaforall.cn

02

【Hybrid开发高级系列】AngularJS(三)——开发实践

http://blog.fens.me/angularjs-yeoman-project/

02

JavaScript获取当前url路径

1、假设当前页完整地址是：https://www.qmblog.cn:8080/Home/Index?id=2&age=18 //获取当前窗口的Url var url = window.locatio

04

新用户注册后跳转到指定页面﹑版块﹑任务等 [DX版]

复制代码修改: $dreferer 為转向的连接例如:

01

JavaScript 页面跳转的几种方式

第一种： <script language="javascript" type="text/javascript"> window.location.href="logi

02

那些年我们一起学XSS - 13. Dom Xss实例 [Discuz X2.5]

漏洞知识库网络安全/渗透测试/代码审计/ 关注 Dom Xss实例 [Discuz X2.5] 我们教程的DOM XSS就到这里了。最后再给大家送上一个实例。希望大家能够体会到：XSS的上下文非常重要，如何结合上下文，利用未过滤字符，合理的构造，才是成功的关键。哎，近几天相信别人有世界末日，跑到一个方舟里避难去了。结果3天过后，我发现世界还是如此的精彩，如此的辉煌，我就又出来了。咱们继续。这年头，码字不容易，求月票。 1. 我们直接看实例点。 http://www.discuz.net/connec

02

SSO 基于token vue + element ui spring boot前后端分离

github: https://github.com/katriina-tavi/spike

03

js代码中实现页面跳转的几种方式[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。 js代码中实现页面跳转的几种方式注：jquery的.get()，.post()，第一种： <script language=”javascrip

09

【JavaScript】获取当前页的URL与window.location.href

利用Javascript获取当前页的URL，这个问题起来好像很复杂，如果第一次去想这个问题，很多人估计又在琢磨到底又是哪个神一般的Javascript函数。

03

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

"window.location.href"、"location.href"是本页面跳转.

02

H5页面判断客户端是iOS或者Android并跳转对应链接唤起APP

每个客户端都会有自己的 UA （userAgent）标识，可以用 JavaScript 获取客户端标识。

03

【路由】：路由那些事——上

前端三杰 Angular、React、Vue 都推荐单页面应用 SPA 开发模式，它们都有自己的前端路由解决方案：

04

微信公众号手机无法直接下载APK文件是怎么回事

需求：在微信h5页面中下载第三方app —— 安卓，直接下载apk文件包；iphone，跳转AppStore

01

常见的数据交互之跳转页面传值

1：跳转到另外一个页面，把参数带到另外一个页面，图片.png 1：获取注册时候缓存在sessionStorage的个人信息， $("#empNo").html(data.empNo); $.ajax

03

令人惊叹的前端路由原理解析和实现方式

在单页应用如此流行的今天，曾经令人惊叹的前端路由已经成为各大框架的基础标配，每个框架都提供了强大的路由功能，导致路由实现变的复杂。想要搞懂路由内部实现还是有些困难的，但是如果只想了解路由实现基本原理还是比较简单的。本文针对前端路由主流的实现方式 hash 和 history，提供了原生JS/React/Vue 共计六个版本供参考，每个版本的实现代码约 25~40 行左右（含空行）。什么是前端路由？路由的概念来源于服务端，在服务端中路由描述的是 URL 与处理函数之间的映射关系。在 Web 前端单

03

判断网页是通过PC端还是移动终端打开的

通过判断浏览器的 userAgent，用正则来判断手机是否是ios和Android客户端。代码如下：

00

解决windowlocationhref不跳转的 BUG「建议收藏」

这块代码是可以正常跳转的，同样格式的另外一个页面却无法跳转。查看了资料大概是以下解决方法：

02

php如何把表单内容提交到数据库

一般朋友们逛一些网站的时候，想使用网站或者看到更多网站里的内容，网站会要求用户进行新用户的注册，网站会把新用户的注册信息存入数据库中，需要的时候再进行提取。

04

window.location对象实现页面刷新

用户点击浏览器后退按钮后页面ajax没有更新,通过使用windowlocation对象的方法属性实现页面刷新并刷新数据 window.location.reload() 该方法使浏览器刷新当前页面。语法： location.reload() 参数：可选参数，默认为 false，从客户端缓存里取当前页进行F5刷新。 true, 则以GET 方式，从服务端取最新的页面, 相当于客户端点击 Shift + F5(“刷新”)。该方法在刷新时会事件: 如果有数据提交的话，会弹窗提示是否提交 bug: 安卓微

04

前端路由原理解析和实现

路由的概念来源于服务端，在服务端中路由描述的是 URL 与处理函数之间的映射关系。

02

js常用跳转代码[通俗易懂]

今天整理下我们常用的js跳转代码，常用的js跳转代码比如：js倒计时跳转代码、pc站跳转手机站代码、在原来的窗体中直接js跳转用、在新窗体中打开页面用、js直接跳转代码、js返回代码、head标签内加如下代码实现页面定时自动跳转代码、self.location方式实现页面跳转、top.location方式实现页面跳转，具体请看以下代码，希望对你有帮助。

03

踩坑tp5-模板视图中js使用{:url()}方法传参问题

最近，冷月在使用tp5搭建个人博客后台踩到了一个坑，在tp5自带的视图模板引擎中。

05

window.location.href的用法

self.location.href=“/url” 当前页面打开URL页面 location.href=“/url” 当前页面打开URL页面 window.location.href=“/url” 当前页面打开URL页面，前面三个用法相同。 this.location.href=“/url” 当前页面打开URL页面 parent.location.href=“/url” 在父页面打开新页面 top.location.href=“/url” 在顶层页面打开新页面

02

踩坑tp5-模板视图中js使用{:url()}方法传参问题

最近，冷月在使用tp5搭建个人博客后台踩到了一个坑，在tp5自带的视图模板引擎中。

02

jquery获取当前页面的URL信息

7、window.location 属性描述 hash 设置或获取 href 属性中在井号“#”后面的分段。 host 设置或获取 location 或 URL 的 hostname 和 port 号码。 hostname 设置或获取 location 或 URL 的主机名称部分。 href 设置或获取整个 URL 为字符串。 pathname 设置或获取对象指定的文件名或路径。 port 设置或获取与 URL 关联的端口号码。 protocol 设置或获取 URL 的协议部分。 search 设置或获取 href 属性中跟在问号后面的部分。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭