Перетаскивание элемента не работает с помощью Cypress.io - PullRequest
Новая
       8

Перетаскивание элемента не работает с помощью Cypress.io

0 голосов
/ 07 февраля 2019

Я перетаскиваю один текстовый элемент из дерева в зону перетаскивания..After элемента get drooped будет отображаться таблица. Ошибки не отображаются, но элемент не удаляется.Также, когда мы делаем перетаскивание вручную ->, мы можем видеть пузырь зеленого цвета, пока он не обвиснет. Это также не отображается.Примечание. Идентификация обоих элементов прошла успешно.Я прошел через проблемы, упомянутые на каналах cypress.io, но моя проблема не совпадает.

HTML для перетаскиваемого элемента 

   class="tree-item-content ng-binding ng-scope" ng-      if="!item.ui.search.html" ng-  bind="item.ItemName" ng-class="vm.itemStyle(item)" ng-dblclick="vm.treeDoubleClick ($event, item, itemParent)">Gender</

HTML для Drop Zone 

 id="itl-drop-zone-down" class="dropArea" ng-class="{'itl-drop-zone-active': currentDropType === 'down' &amp;&amp; dropZoneOptions.down &amp;&amp; dropZoneOptions.down.options.length > 0, 'itl-highchart-down-drop-zone-height' : isHighchart || isWidthChart, 'itl-table-down-drop-zone-height':isVizGrid}" kendo-droptarget="" k-dragenter="onDragEnter" k-dragleave="onDragLeave" k-dragcancel="onDragLeave" k-drop="onDrop" droptype="down" data-role="droptarget">
    <span class="itl-drop-zone-header">Down</span>
    <!-- ngIf: !isInitialLayout() && displayOptions('down') -->

Я устал ниже решения, но не работал 

describe('Drag and drop of Gender test', function() {
const dataTransfer = new DataTransfer;

function dndIt() {
  cy.get('.tree-item-content').contains("Gender")
    .trigger('dragstart', { dataTransfer });

  cy.get('#itl-drop-zone-down')
    .trigger('drop', { dataTransfer });

  cy.get('.tree-item-content').contains("Gender")
    .trigger('dragend');               
}                                      

beforeEach(function() {
  cy.viewport(1000, 600);
  cy.visit('Paste your url ');
});

it('Check whether the drag and drop of Gender is possible', function() {
  dndIt();  
  cy.get('#itl-drop-zone-down')
    .should(($el) => {
      expect($el.children()).to.have.lengthOf(1)
    });
});

});

...