Cypress测试不适用于Angular中的mat-checkbox的焦点状态
Cypress是一个现代化的前端端到端测试框架，它通过自动化浏览器操作和断言来帮助开发者进行网页应用的测试。Cypress提供了简洁、直观的API和强大的调试能力，让开发者可以轻松地编写、运行和调试测试用例。
Angular是一个流行的前端框架，它提供了一套丰富的组件和工具，用于构建现代化的Web应用程序。其中的mat-checkbox是Angular Material库提供的一个复选框组件，用于处理复选框的交互和状态。
然而，Cypress对于Angular中的mat-checkbox的焦点状态测试可能存在一些限制。由于mat-checkbox组件的焦点状态受到Angular的内部实现和事件处理机制的影响，Cypress无法直接模拟和触发这些焦点状态的改变。
解决这个问题的方法之一是通过手动模拟焦点状态的改变来进行测试。可以使用Cypress的focus()和blur()命令来模拟元素的焦点获取和失去。对于mat-checkbox组件，可以使用focus()命令模拟获取焦点的行为，然后使用blur()命令模拟失去焦点的行为，从而测试焦点状态是否正确。
另一种方法是结合使用Cypress和Angular的官方测试工具集Karma。Karma可以在真实的浏览器环境中运行Angular应用程序的单元测试。通过在Karma配置文件中添加Cypress作为测试框架，并编写对mat-checkbox焦点状态的测试用例，可以更好地模拟和测试这些状态。
综上所述，虽然Cypress测试对于Angular中的mat-checkbox焦点状态存在一些限制，但通过手动模拟焦点状态的改变或结合使用Cypress和Karma进行测试，仍然可以有效地测试和验证这些状态的正确性。
以下是一些相关腾讯云产品和产品介绍链接地址，供参考：
- 腾讯云Cypress官方网站：https://cloud.tencent.com/product/cypress
- 腾讯云云原生容器服务：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MongoDB版：https://cloud.tencent.com/product/mongodb
- 腾讯云CDN加速服务：https://cloud.tencent.com/product/cdn
- 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云云服务器CVM：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动推送：https://cloud.tencent.com/product/umeng_push
- 腾讯云对象存储COS：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/meta-universe
相关·内容
在ci管道中，我尝试使用pnpm而不是npm作为包管理器，但是用于编译常春藤不兼容库的postinstall脚本并不像预期的那样运行。
控制台输出显示执行了postinstall脚本，但是pnpm install进程在没有执行ngcc的情况下完成。
devDependencies:
+ @angular-devkit/build-angular 0.1001.7
+ @angular-devkit/build-ng-packagr 0.1001.7
+ @angular/cli 10.1.7
+ @angular/compiler-cli 10.2.1
+ @angular/language-
浏览 7提问于2020-12-08得票数 5
5回答
我在我的项目中使用了角度材料，我想改变mat-checkbox的颜色，但不想使用主题，所以我在Chrome浏览器中使用了Elements和Styles部分以及mat-checkbox使用的跟踪类，并发现了这一点：".mat-checkbox-ripple .mat-ripple-element“。 ::ng-deep .mat-checkbox-ripple .mat-ripple-element {
background-color: black!important;
} 所以，这是我的代码，我尝试了::ng-deep，/deep/，并且没有任何这些，结果总是一样的，复选框的颜
浏览 136提问于2019-01-13得票数 9
回答已采纳
我是angular中的大块头，我在我的表单mat-checkbox中使用： <mat-card-content [formGroup]="formGroupContent">
<section>
<mat-checkbox formControlName="confirmcheck" [checked]="false">admin confirm
</mat-checkbox>
</section>
</m
浏览 14提问于2021-09-01得票数 0
回答已采纳
1回答
设置玩笑模拟的问题
、、、、
我在柏树测试中使用了以下函数，我希望对其进行单元测试(filterTests.js)：
const filterTests = (definedTags, runTest) => {
console.log(`Cypress tags: ${definedTags}`);
let isFound = true;
const includeTag = Cypress.env('INCLUDETAG');
const excludeTag = Cypress.env('EXCLUDETAG');
if (includeTag)
浏览 4提问于2022-03-01得票数 1
回答已采纳
1回答
我在角质材料上遇到了一些麻烦，我尝试了很多解决方案，但没有一个有效。这就是我想做的：
我使用带有反应形式的角度材料来生成register表单，在我添加mat-checkbox组件之前，一切都很好。这是我得到的error：
错误:mat-form字段必须包含MatFormFieldControl。
这是我的密码：
HTML :
<mat-form-field>
<mat-checkbox formControlName="check">
Check me!
</mat-checkbox>
</mat-for
浏览 0提问于2018-05-14得票数 43
回答已采纳
我有一个Nx powered angular项目，并且面临一个问题，即在cypress.env.json文件中提供的值不会覆盖cypress.json配置文件的env对象中的相应条目
这是我第一次尝试Nx驱动的项目，在非Nx的angular项目中，这种行为与Cypress开箱即用。
重现步骤
在e2e应用程序的cypress.json文件中，添加一个env对象属性，并将空值分配给某个变量名属性：
// cypress.json
"env": {
"MY_VAR": "abc"
}
在与cypress.json相同的位置创建一个cypress.
浏览 12提问于2021-10-15得票数 1
1回答
我对Cypress很陌生。是否可以在另一个元素仍在焦点时显示上下文菜单并选择一个菜单？
cy.get('#id1').rightclick({force:true}
浏览 2提问于2022-11-28得票数 0
我试着用材料角度的复选框，但它不起作用。我要一步一步地展示我正在做的事情：
**package.json**
"dependencies": {
"@angular/material": "^10.2.5",
}
**app.module.ts**
import { MatSliderModule } from '@angular/material/slider';
import { MatCheckboxModule } from '@angular/material/checkbox
浏览 10提问于2022-02-01得票数 0
1回答
我目前的angaular应用使用的是Angular 6.1，我希望能覆盖更多的代码。我找到的所有示例都在使用Angular 8.x。如你所知，不建议从Angular 6升级到Angular 8，这可能会破坏很多东西。有没有人成功地将cypress代码覆盖率添加到Angular 6中。这方面的任何帮助或建议都会对我有很大的帮助。
提前谢谢。
现在，我将讲述我尝试过的内容
我使用这个博客作为参考和应用程序。我已经从上面的链接克隆了应用程序。应用程序已经在Angular 8中，我已经降级到Angular 6。但是当我尝试构建应用程序时，我看到了这个错误
Schema validation faile
浏览 1提问于2021-01-17得票数 0
我使用Cypress进行前端测试，并在cypress.config文件中定义了一个任务。
setupNodeEvents(on) {
on('task', {
downloads: downloadspath => {
return fs.readdirSync(downloadspath);
},
deleteFiles: directory => {
const f
浏览 1提问于2022-11-11得票数 1
3回答
我有一个带有周围div和其他元素的angular 5 material checkbox。我希望对div的单击与直接在checkbox上的click相同。
下面是我的示例代码：
<div (click)="checked = !checked">
<mat-checkbox class="example-margin" [(ngModel)]="checked">
I'm a not working checkbox :'(
<
浏览 0提问于2018-03-15得票数 2
回答已采纳
1回答
我创建了一个角度材料模块(就像一个核心模块)。
import { NgModule} from '@angular
import {MatCheckboxModule} from '@angular/material/checkbox';
@NgModule({
imports: [
MatCheckboxModule
],
exports: [
MatCheckboxModule
],
})
export class MaterialModule { }
我想将这个模块添加到另一个模块中：
import { NgModu
浏览 4提问于2020-03-08得票数 0
2回答
是否可以在Angular中使用复选框来实现求和？我正在使用Angular Material的mat-checkbox，我想实现这样的效果： ? 我正在尝试以下操作： component.ts item1 = 10;
item2 = 20;
total = this.item1 + this.item2; component.html <mat-checkbox [ngModel]="item1">item 1</mat-checkbox>
<hr>
<mat-checkbox [ngModel]="item2"
浏览 88提问于2019-07-03得票数 0
回答已采纳
我试图从9.70迁移到Cypress 10.7.0。然而，几乎修复了所有的错误，但仍然停留在奇怪的消息中，它说@angular/core或其相应的类型声明是找不到的。
我的应用程序是一个反应应用，所以为什么柏树寻找角，甚至在任何配置中都没有提到。
TypeScript error: /Users/vinay/cypress_testing_service/node_modules/cypress/angular/dist/mount.d.ts(5,22): Error TS2307: Cannot find module '@angular/core' or its corre
浏览 2提问于2022-09-09得票数 0
我有动态填充的复选框，但在尝试取消选中复选框时会出现问题，它会要求单击两次才能取消选中该复选框。 enter code here
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
<mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle matTreeNodePadding>
<button mat-icon-button disabled
浏览 88提问于2020-10-31得票数 2
4回答
我尝试在Angular 8项目中设置代码覆盖率，使用Cypress和伊斯坦布尔 nyc。
我设法对代码进行了测试(正确设置了全局变量__coverage__ )：
以及运行.nyc_output后在cypress:open中生成的覆盖文件。
但是生成的覆盖报告是空的：
$ cat coverage/coverage-final.json
{}
当我执行命令时，结果相同：
$ npx nyc report --report-dir ./coverage --temp-dir .nyc_output --reporter=text
----------|----------|-
浏览 0提问于2019-09-10得票数 7
回答已采纳
2回答
角度复选框值
、、
我在表单中设置checkbox值时遇到了问题。我不能解决的问题是，当我想要更新一个表单并获得它的数据时，即使checkboxes为假(未选中)，所有的checkboxes每次都会返回true并显示为选中。 下面是我的组件： import { Component, OnInit, Inject } from '@angular/core';
import { Router } from "@angular/router";
import { FormBuilder, FormGroup, Validators } from "@angular/forms
浏览 8提问于2020-01-21得票数 1
回答已采纳
2回答
我使用了嵌套在同一组件中的组件。当我更改父组件附加函数中的复选框时，调用正确且事件发射器工作正常，但当我更改子复选框时，附加函数被触发，但事件发射器不可用(据我所知，事件发射器与子函数没有绑定)。我想在更改子复选框时发出数据。
如果有人知道答案，请帮助我解决这个问题。使用嵌套在同一组件中的组件的术语是什么？
谢谢你
这是stackblitz链接 (请检查控制台)
tree.component.ts
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component
浏览 2提问于2020-05-29得票数 3
2回答
我一直试图让Cypress代码的报道与我的角度生产项目，但没有任何效果。
为了帮助诊断，我创建了一个最小的实现项目，以确保我没有在生产版本中引入任何奇怪的东西，但我认为我并不是这样，因为同样的问题仍然在发生。开始把我逼疯了！
我使用了一些参考资料，据我所见，我已经准备好了需要做的事情：
据我所知，棱角和柏树边都连接在一起，并在.nyc_output文件夹和覆盖报告中获得输出。然而，报告并没有指明打字稿行的覆盖范围，也没有包括这些统计数据。
我见过，但似乎帮不上忙。
代码仪表(webpack扩展+ angular.json)：
module.exports
浏览 5提问于2020-06-12得票数 4
回答已采纳
1回答
<div *ngFor="let item of items>
<div>
<mat-checkbox
id="checbox_1"
[(ngModel)]="item.checked"
(ngModelChange)="onCheckboxChecked()"
></mat-checkbox>
</div>
</div>
使用上面的代码，它会显示项目列表，并将复选框附加到每个项目。我正在尝试点击一个特定的复选框，并使用c
浏览 6提问于2020-07-31得票数 0
1回答
我使用的是角，我只想更新材料单选按钮，只检查类内的按钮，我需要在styles.scss中包含，因为这个_ngcontent包含角，所以我有：
.class1
mat-radio-button,
mat-select,
mat-checkbox {
color: red;
line-height: 36px;
box-sizing: border-box;
}
根据我的理解，这应该适用于那些包含在具有class1的父级中的mat单选按钮、mat选择和mat复选框。
但不知何故，它也适用于没有"class1父级“的其他项目，我认为我做得不好--我想要的是：
浏览 3提问于2020-06-24得票数 0
回答已采纳
3回答
我正在尝试使用cypress check()方法检查check()元素，即使添加force参数也是如此。示例：
Cypress.Commands.add('changeEmailLayoutCheckbox', () =>
cy
.get(EMAIL_LAYOUT_CHECKBOX)
.check({ force: true })
);
我收到以下错误
cy.check()只能在:复选框和:收音机上调用。您的主题是：<mat-复选框
消息非常清楚，但问题是，我发出了一些关于mat-checkbox更改的事件，该事件将参数设置为我的请求。我
浏览 4提问于2019-12-18得票数 5
回答已采纳
目前，我已经在Vitejs + Vue 3中实现了Cucumber BDD测试，如下所示：
我使用以下方法启动和运行开发服务器：
$ yarn dev
然后在一个单独的窗口中运行Cypress测试运行程序：
$ yarn cy:run
对应于：
...,
"scripts": {
...
"cy:run": "cypress run -q",
...
},
...
在我的package.json里。它的输出是1次测试通过。
到现在为止还好。然后我看到了@cypress/vite-dev-server包，并在
浏览 21提问于2022-04-22得票数 4
1回答
我正在开发一个React应用程序，我们的团队正在为它编写Cypress测试。我们希望测试基本的CRUD功能，因此我们创建了三个测试：
创建用户
更新用户
删除用户
CREATE测试使用一个夹具来定义新用户。
UPDATE和DELETE测试引用相同的夹具，并更新和删除在上一个测试中创建的用户。这意味着更新和删除测试依赖于创建测试。这样可以吗？
根据我所读到的，听起来每个Cypress测试都应该能够独立运行，我可以看到这里不是这样的。
然而，怎样才是最好的方法呢？
我认为复制和粘贴创建测试中相同的10-20行代码并在更新和删除测试中复制它们是没有意义的。是否有一种方法可以抽象创
浏览 1提问于2021-11-03得票数 2
回答已采纳
1回答
我正在尝试构建一个表单，它将获取可能以多种不同格式(每周、每月、其他格式)提供的调度信息。我计划在表单中有一个调度部分，用户可以通过单选按钮组选择计划的类型。如果选择了每周选项，一组复选框将与工作日一起出现，以便您可以选择周中的天数。如果是每月，那么就可以选择月份的日期，以此类推。我试过用*ngIf的方式让事情出现，但它不起作用，而且我没有收到任何错误信息。对于如何实现这一点，有什么想法吗？
我使用的是：-Angular材料元素-Angular 2 (8) -Angular反应形式
我已经实现了其中的一部分，下面是单选按钮的代码和我想要隐藏的第一个调度部分(对代码格式不佳表示歉意，但仍在计算堆
浏览 1提问于2019-06-21得票数 0
回答已采纳
我正在使用Angular2+创建一个应用程序，在这里我希望平滑地滚动到一个输入，然后将焦点设置到该输入。我正在做这样的事情：
scroll(id){
document.getElementById(id).scrollIntoView({block: "start", behavior: "smooth"});
document.getElementById(id).focus();
}
平滑滚动部分工作良好，直到我添加焦点代码。我认为现在发生的事情是，当我设置焦点时，它会覆盖滚动效果。在设置焦点之前，我如何才能让滚动完成？
下面的代码演示
浏览 0提问于2018-02-08得票数 2
2回答
我正在为一个使用E2E的网站编写Cypress.io测试。我想测试的一个特性是，站点正确地检测焦点丢失，并显示一个(角材料)对话框。我的问题是，我找不到一个可靠的方法来触发窗口焦点丢失发生在测试环境中。我已经查看了Cypress.io中各种焦点和模糊事件的文档，但现在是空白的。是否有人知道是否有可能以编程方式从Cypress.io触发窗口焦点丢失(blur)，如果有，是否有文档或示例可供我参考？
浏览 4提问于2018-05-18得票数 8
回答已采纳
我正在尝试测试mat-checkbox的不透明度和颜色，当它获得焦点时，但它不工作。 我的代码如下： it('focused opacity', () => {
cy.get('.mat-checkbox[data-cy=selected] .mat-checkbox-input').first()
.focus()
.find('.mat-checkbox-focus-overlay')
.then((btn) => {
cy.wrap(btn).should(&
浏览 87提问于2021-10-28得票数 0
回答已采纳
我在扩展面板标题中有一个复选框，出于可访问性的原因，该复选框需要对只使用键盘的用户起作用。但是，如果使用tab键将焦点放在复选框上，则按空格键或enter键不会选中/取消选中该复选框，而是会展开面板。我正在努力解决这个问题，因为这些是角度材料组件，我不确定它们是如何在引擎盖下工作的。 如何允许使用键盘选中/取消选中复选框？ 下面是一些在呈现时演示该问题的html： <mat-expansion-panel>
<mat-expansion-panel-header>
<mat-checkbox color="primary">La
浏览 29提问于2019-06-26得票数 3
回答已采纳
我们正在对角组件进行柏木组件测试。在进行此过程时，我们创建了cy-spec文件并挂载了组件。在挂载组件时，我们得到错误的this.input.charCodeAt is not a function
我们使用cypress-angular-unit-test进行组件测试。
button.component.html
<button class="nexus-btn">Click me!</button>
button.component.ts
import { Component } from '@angular/core';
@Com
浏览 6提问于2022-06-03得票数 0
回答已采纳
我的目标是在Cypress中为角SPA应用程序开发一个e2e测试，测试元素是否隐藏/显示在不同视图中。
我尝试过使用Cypress 命令，但这似乎不会触发。
这个事件是我必须手动分派的吗？谢谢你的问候。
更新
这个问题与柏树和调整尺寸无关，而是在角度上改变检测。这是一个，如果其他人将来需要测试的话。
浏览 2提问于2019-10-28得票数 2
回答已采纳
我正在尝试使用Cypress组件测试运行程序进行组件测试。web组件是使用模板构建的。我们编译模具组件并创建各自的“角组件”，并将它们导入到我们的项目中。
该组件在角应用程序中启动时与预期的一样。但是，当它被挂载时，并且测试是使用柏树执行的，这些预构建组件的CSS不会被加载。
cypress.json
{
"component": {
"componentFolder": "src",
"testFiles": "**/*component.spec.ts"
}
}
浏览 14提问于2022-03-15得票数 1
回答已采纳
我正在使用cypress为我们的angular应用程序做e2e测试，当cypress自动打开应用程序主页时，错误发生了，并且在浏览器控制台中打印"Uncaught : Invalid or unexpected“，就像附件中的截图所示，似乎在vendor.xxx.js文件中捕获了混乱的代码，但该文件是由angular框架自动编译和生成的，在我们的日常使用中没有问题。如果我在浏览器中手动输入URL来访问应用程序，这个错误就会消失，当它触发或启动浏览器进行测试时，我不确定是否是cypress bug，毕竟是cypress框架操纵浏览器。该错误发生在由cypress控制的内置Eletron浏
浏览 2提问于2019-09-14得票数 1
3回答
我正在利用Angular材料来创建一个很棒的web应用程序。请考虑以下代码： <mat-checkbox class="master" (click)='checkAll()'>Checkbox MASTER</mat-checkbox>
<mat-checkbox class="checkbox">Checkbox 2</mat-checkbox>
<mat-checkbox class="checkbox">Checkbox 3</mat-checkbox&g
浏览 42提问于2019-01-30得票数 0
回答已采纳
我有一个带有Nrwl Nx工作区的Angular项目。对于我的e2e测试，我使用cypress和typescript。对于这个测试，我想用Gherkin Syntax启用对功能文件的支持。
我在项目中添加了"cypress-cucumber-preprocessor“。当我用js编写绑定时，这个设置工作得很好。但是，当我尝试为typescript设置步骤时，我得到了错误，并且我无法使其工作。
js的设置：
const { preprocessTypescript } = require('@nrwl/cypress/plugins/preprocessor');
con
浏览 1提问于2019-10-14得票数 7
1回答
我觉得这是个愚蠢的问题，但我只是不明白为什么它不起作用.
我有一个材料2对话框，这是对话组件
import { AfterViewInit, Component, Injectable } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatDialog, MatDialogRef } from '@angular/material';
import 'rxjs/add/operator/toPromise&
浏览 2提问于2017-12-06得票数 4
回答已采纳
我要验证是否选中了复选框。但它通常不是type=“复选框”中的复选框，因此它没有“选中”属性。而不是这样，您可以在checked=“true”中找到。我如何读出这个值？
HTML-狙击手：
<mat-checkbox class="mat-checkbox mat-primary mat-checkbox-checked" aria-label="checkBoxCapacityBaseEditDayofWeek: 1" id="DAY1">
<label class="mat-checkbox-layout"
浏览 10提问于2021-12-06得票数 1
我正在使用mat-expansion-panel根据服务器的响应处理多个angular mat复选框和其他数据。我可以根据serve响应生成多个mat-扩展面板，但每当我单击复选框时，扩展面板中的内容就会向上移动，面板就会展开。
我已经尝试过<mat-checkbox formControlName="i" (click)="$event.stopPropagation()>"，就像我在Stackoverflow中找到的答案一样，但这不起作用
<mat-accordion *ngFor="let testcase of solut
浏览 0提问于2019-08-29得票数 0
1回答
我希望使用Playwright为我的Angular应用程序运行端到端(e2e)浏览器测试。然而，截至2021年11月，我还没有找到剧作家的角度示意图。 例如，Cypress有一个官方的Angular示意图。这样就可以使用以下命令运行Cypress e2e测试： ng e2e 有没有一种方法可以在不编写Angular示意图的情况下使用Playwright运行Angular e2e测试？或者，有没有我错过的剧作家的角度示意图？
浏览 75提问于2021-11-08得票数 2
回答已采纳
<ng-container *ngFor="let data of dataList">
<mat-checkbox">{{data}}</mat-checkbox>
</ng-container> 我必须首先为数据显示3个复选框，然后单击3个以上的数据，以分别在单击时显示，直到数据列表的长度。我正在使用angular材质和angular 8。
浏览 21提问于2021-07-30得票数 0
如何在cypress中测试这段代码？ <Chips
id="ChipsId"
className="chips"
value={this.state.tags}
onChange={this.onChange}
suggestions={this.state.tagGroup}
fromSuggestionsOnly="true"
/> 我尝试过的代码是： cy.find('#ChipsId')
.type("Freshers")
.type
浏览 26提问于2019-10-10得票数 0
我创建了这个代码来测试我的组件。
我试过这段代码：
describe('Component: AddAlarms', () => {
let component: AddAlarmsFormComponent;
let fixture: ComponentFixture<AddAlarmsFormComponent>;
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [AddAlarmsFormCompone
浏览 0提问于2018-05-21得票数 13
自更新到Angular 13以来，我从@ Angular /cdk导入的Cypress测试(主要用于在Angular材质上使用测试线束)无法编译，并显示以下错误：
Error: Webpack Compilation Error
./node_modules/@angular/cdk/fesm2015/platform.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:\dev\workspace\exp\cypress-test\node_modules\@angular\cd
浏览 5提问于2021-11-24得票数 5
1回答
我在下面找到的解决了这个问题，但正如您所知，我们不再使用Cypress版本10及更高版本的support/index.js文件。
import './commands'
Cypress.on('uncaught:exception', (err, runnable) => {
// returning false here prevents Cypress from failing the test
return false
})
如何使用这段代码与Cypress版本10和更高版本。有可能在我的cypress.config.js文件中解决未发现的异
浏览 7提问于2022-10-21得票数 0
我是angular的新手，我想在textarea的readonly属性的基础上使用复选框的选中状态。 <div fxlayout="row" fxLayoutAlign="center center" *ngFor="let test of cosmetriTests.controls; let i=index" [formGroupName]="i">
<mat-form-field class="w-25-p" appearance="outline" >
浏览 40提问于2019-02-15得票数 0
回答已采纳
我不使用npm，所以我直接下载了Cypress。我可以直接从命令行打开Cypress二进制文件，但是我不能让它从命令行运行测试。运行Cypress run只会打开UI。Cypress run --project /path/to/my/project确实在UI中打开了项目，但没有运行它。奇怪的是，Cypress version不显示版本，它只是打开UI。甚至Cypress this-is-not-a-command也没有任何错误地打开UI。
浏览 0提问于2019-08-09得票数 0
回答已采纳
我按照Auth0教程()使用Cypress.io，但是我不能让Cypress持久化一个成功的登录。
我可以使用Cypress Login命令登录，但只要我重定向到另一个页面，我的auth.guard (检查Auth0登录状态)就会提示再次登录，并且在Cypress中会出现以下错误：
myapp.auth0.com refused to connect.
所以身份验证守卫找不到登录。我怀疑这可能是因为Cypress正在清除cookie和本地存储，但我还没有找到解决方法。
我尝试将此代码(来自我拥有的一些旧代码)添加到测试文件的顶部，但无济于事。
const clear = Cypress.Lo
浏览 3提问于2020-08-17得票数 1
2回答
我需要启用提交按钮，如果选中了"td“标签中的单个复选框，当选中"th”标签中的主复选框时，它的工作状态会很好。我用的是角质材料。提前谢谢。
查找Stackblitz链接：
app.component.html
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
<!-- Checkbox Column -->
<ng-container matColumnDef="select">
浏览 0提问于2018-11-14得票数 0
使用Cypress，我可以很容易地测试我的dev子域。我有一个angular/react应用程序，当我创建一个dist (包括index.html)时，我想对构建的文件运行Cypress测试。
不幸的是，在开始Cypress测试之前，我不知道如何提供dist文件夹(如npm的serve包)。
我知道我可以在另一个终端选项卡上为index.html提供服务，但这不会在CircleCi (我的CI)上发生。
在开始实际测试之前，Cypress是否可以替代localhost并提供静态文件？
浏览 35提问于2017-12-24得票数 6
我正在使用<mat-checkbox></mat-checkbox>，我想根据不同的颜色代码值来改变它的颜色。我如何在angular 7中实现这一点。我知道它可以用前面提到的here实现。我想像使用[ngStyle]或其他方式一样动态地更改它。
浏览 34提问于2019-02-02得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
