Как проверить перетаскивание с помощью Vue и Jest - PullRequest
Новая
       31

Как проверить перетаскивание с помощью Vue и Jest

0 голосов
/ 16 октября 2018

Есть ли хороший способ проверить перетаскивание с помощью jest, vue и vue.draggable?

Я попытался взглянуть на тест в плагине vue.draggable ,но я не смог найти ни одного.Это действительно не проверено?

Ответы [ 2 ]

0 голосов
/ 10 марта 2019

Проверка: https://github.com/SortableJS/Vue.Draggable/tree/master/tests/unit

Модульные тесты не являются имитацией перетаскивания сами по себе, но существуют эмулирующие события и манипуляции с DOM, выполняемые Sortable.js, и тестируют реакцию vue.draggable на эти входы

0 голосов
/ 16 октября 2018

Кажется, он не проверен.

В этой статье показано, как можно выполнить тест сопротивления с помощью Jest: 

const getTableCells = () =>
  Array.from(mountNode.querySelectorAll("tr td:nth-of-type(1)"));

const createBubbledEvent = (type, props = {}) => {
  const event = new Event(type, { bubbles: true });
  Object.assign(event, props);
  return event;
};

const tableCells = getTableCells();
const startingNode = tableCells[0];
const endingNode = tableCells[2];

startingNode.dispatchEvent(
  createBubbledEvent("dragstart", { clientX: 0, clientY: 0 })
);

endingNode.dispatchEvent(
  createBubbledEvent("drop", { clientX: 0, clientY: 1 })
);

expect(getTableCells().map(cell => cell.textContent)).toEqual([
  "Bob",
  "Clark",
  "Alice",
]);

Очень известная библиотека дляdraggable functionaility из Shopify:

https://github.com/Shopify/draggable

Я вижу, у них есть какой-то тест, возможно, вы можете получить больше информации, посмотрев в хранилище?

...