return editAction(mockCollection, function () { var latestNews = dom.droppableCollection(1); var articleWithSublink = dom.articleInside(latestNews, 2); dom.click(articleWithSublink); var supportingLinkElement = articleWithSublink.querySelector('.supporting .droppable'); var supportingDropTarget = drag.droppable(supportingLinkElement); var lastNewArticle = dom.latestArticle(5); var sublink = new drag.Article(lastNewArticle); supportingDropTarget.drop(supportingLinkElement, sublink); dom.click(articleWithSublink.querySelector('.tool--done')); return { latest: { draft: [{ id: 'internal-code/content/1' }, { id: 'internal-code/content/2', meta: { supporting: [{ id: 'internal-code/content/5' }] } }] } }; });
return editAction(mockCollection, function () { // Drop an article in the first position var firstCollection = dom.droppableCollection(1); var collectionDropTarget = drag.droppable(firstCollection); var firstArticleInLatest = dom.articleInside(firstCollection, 1); var thirdArticleInLatest = dom.articleInside(firstCollection, 3); var sourceArticle = new drag.Article(firstArticleInLatest); // Drop an article on the collection means adding it to the end collectionDropTarget.dragstart(firstArticleInLatest, sourceArticle); collectionDropTarget.dragover(thirdArticleInLatest, sourceArticle); collectionDropTarget.drop(thirdArticleInLatest, sourceArticle); return { latest: { draft: [{ id: 'internal-code/content/1' }, { id: 'internal-code/content/3', meta: { isBreaking: true } }, { id: 'internal-code/content/2' }] } }; });
return editAction(mockCollection, function () { var firstCollection = dom.droppableCollection(1); var collectionDropTarget = drag.droppable(firstCollection); var sourceArticle = new drag.Article(dom.latestArticle(2)); // Drop an article on the collection means adding it to the end collectionDropTarget.dragover(firstCollection, sourceArticle); collectionDropTarget.drop(firstCollection, sourceArticle); return { latest: { draft: [{ id: 'internal-code/content/1' }, { id: 'internal-code/content/2' }] } }; });
return editAction(mockCollection, function () { // The item with meta data is now in position two var firstCollection = dom.droppableCollection(1); var collectionDropTarget = drag.droppable(firstCollection); var itemWithMeta = dom.articleInside(firstCollection, 2); var sportDropGroup = dom.droppableGroup(2, 1); var sportDropTarget = drag.droppable(sportDropGroup); var articleAlreadyThere = dom.articleInside(sportDropGroup, 1); var sourceArticle = new drag.Article(itemWithMeta); // Move it to the sport collection collectionDropTarget.dragstart(itemWithMeta, sourceArticle); collectionDropTarget.dragleave(itemWithMeta, sourceArticle); sportDropTarget.dragover(articleAlreadyThere, sourceArticle); sportDropTarget.drop(articleAlreadyThere, sourceArticle); return { latest: { draft: [{ id: 'internal-code/content/1' }, { id: 'internal-code/content/2' }] }, sport: { draft: [{ id: 'internal-code/content/3', meta: { isBreaking: true, group: 3 } }, { id: 'internal-code/content/1', meta: { group: 3 } }] } }; });
return editAction(mockCollection, function () { var firstCollection = dom.droppableCollection(1); var firstArticleInLatest = dom.articleInside(firstCollection, 1); dom.click(firstArticleInLatest); dom.click(firstArticleInLatest.querySelector('.editor--boolean--isBreaking')); dom.click(firstArticleInLatest.querySelector('.tool--done')); return { latest: { draft: [{ id: 'internal-code/content/3', meta: { isBreaking: true } }, { id: 'internal-code/content/1' }, { id: 'internal-code/content/2' }] } }; });