赛普拉斯无法识别角度应用程序中的侧面板[关闭]

Question

我面临的问题是柏树无法识别侧面板并引发超时错误。 当用户单击链接时，侧面板将打开

我正在使用 Cypress 和打字稿

尝试使用以下方法。

//user click a link
 cy.wait(10000);
 cy.viewport(1920, 1080); 
 cy.get('.panel-container',{timeout: 10000}).should('be.visible');
 cy.get('h4',{timeout: 10000}).should('be.visible').and('contain.text', 'Route:');

抛出超时错误

错误：断言错误：10000毫秒后重试超时：期望找到元素：

.panel-container

，但从未找到。

以下是html

<app-stops-panel _nghost-ng-c2069149417="" class="mat-mdc-dialog-component-host ng-star-inserted" xpath="1"><div _ngcontent-ng-c2069149417="" class="panel-container"><h4 _ngcontent-ng-c2069149417="">Route: ZNG CA ON Hamilton-Carlos Forero 20240830 06</h4><div _ngcontent-ng-c2069149417="" class="functions-container"><button _ngcontent-ng-c2069149417="" class="green-outlined-btn disabled-text-btn" disabled="" ng-reflect-ng-class="[object Object]"> Create New Route </button><mat-form-field _ngcontent-ng-c2069149417="" class="mat-mdc-form-field ng-tns-c2306706986-358 mat-mdc-form-field-type-mat-input mat-mdc-form-field-has-icon-suffix mat-form-field-disabled mat-form-field-appearance-outline mat-primary ng-untouched ng-pristine ng-star-inserted"><!--container--><div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c2306706986-358 mdc-text-field--outlined mdc-text-field--no-label mdc-text-field--disabled"><!--container--><div class="mat-mdc-form-field-flex ng-tns-c2306706986-358"><div matformfieldnotchedoutline="" class="mdc-notched-outline ng-tns-c2306706986-358 mdc-notched-outline--no-label ng-star-inserted" ng-reflect-open="false"><div class="mdc-notched-outline__leading"></div><div class="mdc-notched-outline__notch"><!--container--><!--bindings={

Answer 1

侧面板代码逻辑保留在块内，因此当它被移出时，它开始工作，如评论中所述。

@agoff 的评论给出了解决方案，引用：

您在代码中的哪个位置搜索#mat-mdc-checkbox-4-input？在您提供的 HTML 中，具有该 ID 的元素不存在。