Попытка написать кипарис-тест для перетаскивания в указанное c место назначения - PullRequest
1 голос
/ 23 марта 2020

Я могу перетащить контент, но он падает в том же месте, а не в предполагаемом месте. Моя цель - бросить в указанном c месте, чего не происходит. Нужна помощь или предложение по этому вопросу!

Мой тест

it('moves the piece when dragged to valid place', function () {
        cy.get('[data-cy="dataExplorer" ]').find('ux-accordion-panel').first().click();
        cy.get('[data-cy="metricContainer"]').first()
        .trigger('mousedown', { button: 0 })
        .wait(1000)
        .trigger('mousemove', {force: true, x: -370, y: 180, bubbles: false})
        .trigger('mouseup', {force: true})
    });

Мой html

<table class="table table-hover">
  <tbody uxTabbableList>
  <tr *ngFor="let field of fields; let i=index" uxTabbableListItem>
    <td class="metric-group" (mouseenter)="activeRowId = field.id"
        (mouseleave)="activeRowId = null" [attr.aria-expanded]="activeRowId === field.id"
        [cdkDropListConnectedTo]="['mashup-dashboard']" cdkDropList>
      <div cdkDrag (cdkDragDropped)="dragDropped($event, field)" data-cy="metricContainer" class="metric-container">
        <div data-cy="metricName" class="metric-name">
          <div>{{field.name}}</div>
          <div *cdkDragPlaceholder class="drop-preview-placeholder"></div>
          <div *cdkDragPreview>{{field.name}}</div>
        </div>
        <div class="add-button-container" [class.flt-show]="activeRowId === field.id">
          <button type="button" aria-label="Edit" class="btn button-primary"
                  [tabindex]="activeRowId === field.id ? 0 : -1" (click)="addMetricPanel(field);">
          </button>
        </div>
      </div>
    </td>
  </tr>
  </tbody>
</table>
...