赛普拉斯在某些情况下出现错误的场

Question

使用赛普拉斯进行测试，当我尝试在特定字段中编写时，看到一个奇怪的错误发生。 就我而言，我想写一个自动完成字段，但是赛普拉斯由于某种原因选择了另一个没有相同选择器的字段。

这是我要写的字段。

<mat-form-field>
  <input
    #triggerLastName="matAutocompleteTrigger" 
    (blur)="hideSearchContactHint()"
    (focus)="showSearchContactHint()"
    (keydown)="onKeydown($event)"
    [formControl]="contactSearchField"
    [matAutocomplete]="customerAuto"
    autocomplete="off"
    matInput
    data-cy="contactSearchAutocomplete"
    type="search"/>

这是测试中的一行：

        cy.get('[data-cy=contactSearchAutocomplete]').type('test');

这是赛普拉斯选择的字段

     <input
       (blur)="hideSearchProduct();syncModelWithForm(i);"
       (focus)="showSearchProduct(i)"
       (keydown)="onF9Pressed($event, i)"
       (keydown.Enter)="searchProductByBarcode(getFormRow[i].controls['productSku'].value, i)"
       (keydown.Tab)="searchProductByBarcode(getFormRow[i].controls['productSku'].value, i)"
       [formControl]="getFormRow[i].controls['productSku']"
       autocomplete="off"
       class="form-control"
       id="{{ 'code' + i }}"
       style="width: 120px!important;"
       type="search"/>

如您在图像中所见，赛普拉斯选择了您读取“测试”的字段，而不是顶部的字段。