元素仍然被定义，即使*ngIf是false的Jasmine单元测试角度
元素仍然被定义，即使ngIf是false的是指在Angular框架中，使用ngIf指令可以根据条件来控制元素的显示与隐藏。当条件为false时，元素会被从DOM中移除，不再显示在页面上。然而，即使*ngIf的条件为false，元素仍然被定义在组件的视图层级中。
从Jasmine单元测试的角度来看，即使*ngIf的条件为false，元素仍然可以在测试中进行访问和断言。这是因为Jasmine单元测试是在组件的视图层级中进行的，而不是在实际的DOM中进行。因此，即使元素在实际的DOM中被移除了，它仍然存在于组件的视图层级中，可以通过组件实例来访问和断言。
在进行Jasmine单元测试时，可以使用Angular的测试工具和断言库来验证元素的存在与属性。例如，可以使用fixture.debugElement.query()方法来获取元素的引用，并使用断言库（如Jasmine的expect）来验证元素的属性、样式等。
需要注意的是，由于*ngIf的条件为false时，元素在实际的DOM中被移除了，因此无法通过DOM选择器来获取元素的引用。在Jasmine单元测试中，应该使用Angular的测试工具和方法来获取元素的引用。
总结起来，即使*ngIf的条件为false，元素仍然被定义在组件的视图层级中，可以在Jasmine单元测试中进行访问和断言。这样可以确保在测试中对元素的行为和属性进行验证，以保证组件的正确性和可靠性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 视频直播（CSS）：https://cloud.tencent.com/product/css
- 音视频处理（VOD）：https://cloud.tencent.com/product/vod
相关·内容
我对单元测试完全陌生，所以我可能在这里做错了所有的事情。我使用*ngIf在GET请求完成后显示来自DevExpress的数据网格，并尝试使用Jasmine测试验证它只在我的*ngIf条件设置为真时显示。我的网格的截断版本： <dx-data-grid #grid *ngIf="!loading">
...</dx-data-grid> 和我的</em
浏览 18提问于2020-07-23得票数 1
回答已采纳
当在真实浏览器中运行Jasmine时，我注意到TestBed fixture组件在DOM中没有被销毁，并且在测试结束后仍然存在：下面是一个经过测试的组件： selector它们可以像AngularJS中的$rootElement那样从DOM中分离出来吗？
浏览 0提问于2017-04-27得票数 35
6回答
我在隐藏和显示依赖于角度2中的布尔变量的元素时遇到了问题。下面是div显示和隐藏的代码：该变量被“编辑”并存储在我的组件中：
export class AppComponent imp
浏览 171提问于2016-02-03得票数 199
回答已采纳
我希望有一个if语句来决定是否将一个元素添加到DOM中。但是，由于ngIf是一个属性，所以它必须附加到元素上，并且该元素总是添加到DOM中，即使它的计算结果为false。还有别的方法可以用角度来做吗？
浏览 5提问于2014-11-07得票数 1
回答已采纳
我想添加一个覆盖，幻灯片到我的页面上的视图。为此，我将在覆盖打开和关闭期间设置div的style.width。问题是div是由*ngIf控制的，当我的.ts代码设置*ngIf为true并试图设置div的宽度时，这个div是未定义的。 <div *ngIf="showOverlay === true&q
浏览 0提问于2020-01-18得票数 3
回答已采纳
我的*ngIf指令因将元素引入DOM而受到尊重，但不是从DOM中取出。this.globalDialog.show(); this.globalDialog.hide();奇怪的是，Edge和Chrome中的DOM浏览器都显示ngIf被正确设置为false：<!--bindin
浏览 6提问于2017-08-29得票数 0
回答已采纳
我需要一个关于使用bootstrap的HTML设计的帮助。我在设计中使用标签，如果我使用ngIf (角度代码)删除任何元素，设计就会相应地进行调整，这是相当明显的。但是，我希望设计保持固定，即使我删除了任何元素。我也使用了hidden而不是"ngIf“，但它仍然不起作用。 有谁能帮帮我吗？下面是我的html代码： <div class="col-lg-5-
浏览 28提问于2020-09-24得票数 1
2回答
我是全新的角度5单元测试。我已经安装了所有@type/Jasmine，但是仍然会在spec.ts文件中出现错误，就像describle不是名称一样，jasmine.createSpyObj也不存在于Jasmine类型中。请告知我已在我的规格文件中进口茉莉花。是在Spec.ts文件中的问题。甚至VS代码中的intellisense也不起作用，确切地说，我看到了所有错误<em
浏览 0提问于2018-07-20得票数 0
我对角度拦截器截取方法进行了Karma/Jasmine单元测试，该方法返回rxjs Observable。如果成功时出现一些错误，回调单元测试将显示为已通过，即使它应该失败。代码： 被测方法： intercept( next: HttpHandler
): Observable<HttpEvent<any>> {const request = new HttpRequest(&#x
浏览 18提问于2019-02-26得票数 2
document.getElementById = jasmine.createSpy('HTMLElement').and.returnValue(null);
我正在创建一个间谍程序，让document.getElementById在我的一个测试中返回所需的元素。由于文档是全局的，这个间谍存在于规范文件中。有没有办法删除这个间谍，并在测试执行后将getElementById恢复为其原始实现？注意:我使用的是新版本的</e
浏览 1提问于2019-11-13得票数 2
这个页面在<li>元素中确实有一个ng-repeat属性--但我看不出这如何在测试中转换为对'repeater‘的引用
it('should be possible to control phone
浏览 1提问于2012-11-04得票数 7
回答已采纳
关于角度上的单元测试我有一个错误。错误是TypeError:无法读取未定义的属性“管道”。为此，我使用了一个可观察的，并尝试测试订阅的输出。我会感谢你的帮助！谢谢! let fixture: ComponentFixture<ComponentName>;
const serviceSpy = jasmine.createSpyObj
浏览 2提问于2021-03-12得票数 9
回答已采纳
如何在<div>或其他元素上添加一个<div>，以隐藏我通过*ngIf显示的东西--使用角度，当我单击该元素时？解释:当您单击时，是通过*ngIf显示自定义CSS下拉列表，我希望用户能够在自定义下拉列表中按他们想点击的次数，但是当他们单击自定义下拉列表外时，我想再次通过*ngIf隐藏自定义下拉列表。当用户单击标签时调用的方
浏览 3提问于2020-08-26得票数 0
回答已采纳
在我的角度应用，我使用NGXS和茉莉花。
在我的一些商店中，我使用ngxsAfterBootstrap作为初始化，在这里我分派了一些操作。我不能使用ngxsOnInit，因为我不知道为什么，但是我不能从我的RouteState选择器中获得最新的url参数(即使我订阅这些选择器并等待了几段时间，也总是没有在ngxsOnInit中定义)。因此，在我的单元测试中，我想测试这个初始化，但是我没有找到任何触发ngxsAfterBootstrap
浏览 1提问于2020-07-13得票数 0
回答已采纳
我们开发了一套相当大的定制茉莉花匹配器，它可以帮助我们的代码更加简洁，避免代码重复。我注意到一些定制的茉莉匹配器使用===等式测试，还有一些jasmine.matchersUtil.equals。]).then(helpers.spread(function (currentElementID, activeElementID) { message: &qu
浏览 4提问于2015-10-13得票数 13
回答已采纳
当我检查元素是否存在时，代码工作正常，如果我检查元素不存在，会得到一个Jasmine超时。Stack: Error: Timeout -未在jasmine.DEFAULT_TIMEOUT_INTERVAL指定的超时内调用异步回调。, 'password_manager_enabled': false</e
浏览 1提问于2017-07-28得票数 0
2回答
例如，如果您有一个使用Express的节点服务器，并且编写了一个Jasmine测试，以确保POST /someroute提供您所期望的JSON，那么这是否仍然被认为是单元测试？我知道它似乎不符合应用程序最小可测试部分的严格定义。因此，如果没有，这类路线的测试是否有一个特定的术语？
浏览 4提问于2017-08-06得票数 1
回答已采纳
2回答
',}, done).start();测试在Chutzpah已经(而且仍然)很好。exists", function () {
expect(myProvider).not.toBeUndefined()
浏览 1提问于2016-01-18得票数 2
回答已采纳
1回答
我的角度应用程序中有一个带有事件侦听器的控制器，定义如下。$on("myEvent", function(args, value) { });这在应用程序本身中是完美的。但是，当我尝试对控制器的功能进行单元测试时(使用Jasmine和Karma)，每个测试方法都会引发以下错误：
TypeError: $scope.$on = function
浏览 4提问于2013-05-21得票数 13
回答已采纳
1回答
我需要你的帮助。我有两个项目checkbox和textarea。我想建立以下逻辑:一开始我可以看到这两个元素，但是当我开始在textarea中键入某些内容或单击textarea在那里输入文本时，我的checkbox消失了，当我在textarea外单击时，checkbox首先，我试图建立逻辑来检查光标是否在文本区域上被点击，但我不知道如何做呢？如何根据光标在textarea上是否为checkbox来隐藏clicked？length < 1">
// *ngIf
浏览 1提问于2022-06-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
