frappe/cypress/integration/timeline.js

import custom_submittable_doctype from '../fixtures/custom_submittable_doctype';

context('Timeline', () => {
	before(() => {
		cy.visit('/login');
		cy.login();
	});

	it('Adding new ToDo, adding new comment, verifying comment addition & deletion and deleting ToDo', () => {
		//Adding new ToDo
		cy.visit('/app/todo');
		cy.click_listview_primary_button('Add ToDo');
		cy.findByRole('button', {name: 'Edit in full page'}).click();
		cy.findByTitle('New ToDo').should('be.visible');
		cy.get('[data-fieldname="description"] .ql-editor').eq(0).type('Test ToDo', {force: true});
		cy.wait(200);
		cy.findByRole('button', {name: 'Save'}).click();
		cy.wait(700);
		cy.visit('/app/todo');
		cy.get('.level-item.ellipsis').eq(0).click();

		//To check if the comment box is initially empty and tying some text into it
		cy.get('[data-fieldname="comment"] .ql-editor').should('contain', '').type('Testing Timeline');

		//Adding new comment
		cy.findByRole('button', {name: 'Comment'}).click();

		//To check if the commented text is visible in the timeline content
		cy.get('.timeline-content').should('contain', 'Testing Timeline');

		//Editing comment
		cy.click_timeline_action_btn("Edit");
		cy.get('.timeline-content [data-fieldname="comment"] .ql-editor').first().type(' 123');
		cy.click_timeline_action_btn("Save");

		//To check if the edited comment text is visible in timeline content
		cy.get('.timeline-content').should('contain', 'Testing Timeline 123');

		//Discarding comment
		cy.click_timeline_action_btn("Edit");
		cy.findByRole('button', {name: 'Dismiss'}).click();

		//To check if after discarding the timeline content is same as previous
		cy.get('.timeline-content').should('contain', 'Testing Timeline 123');

		//Deleting the added comment
		cy.get('.more-actions > .action-btn').click();
		cy.get('.more-actions .dropdown-item').contains('Delete').click();
		cy.findByRole('button', {name: 'Yes'}).click();
		cy.click_modal_primary_button('Yes');

		//Deleting the added ToDo
		cy.get('[id="page-ToDo"] .menu-btn-group [data-original-title="Menu"]').click();
		cy.get('[id="page-ToDo"] .menu-btn-group .dropdown-item').contains('Delete').click();
		cy.findByRole('button', {name: 'Yes'}).click();
	});

	it('Timeline should have submit and cancel activity information', () => {
		cy.visit('/app/doctype');

		//Creating custom doctype
		cy.insert_doc('DocType', custom_submittable_doctype, true);

		cy.visit('/app/custom-submittable-doctype');
		cy.click_listview_primary_button('Add Custom Submittable DocType');

		//Adding a new entry for the created custom doctype
		cy.fill_field('title', 'Test');
		cy.findByRole('button', {name: 'Save'}).click();
		cy.findByRole('button', {name: 'Submit'}).click();
		cy.visit('/app/custom-submittable-doctype');
		cy.get('.list-subject > .bold > .ellipsis').eq(0).click();

		//To check if the submission of the documemt is visible in the timeline content
		cy.get('.timeline-content').should('contain', 'Administrator submitted this document');
		cy.findByRole('button', {name: 'Cancel'}).click({delay: 900});
		cy.findByRole('button', {name: 'Yes'}).click();

		//To check if the cancellation of the documemt is visible in the timeline content
		cy.get('.timeline-content').should('contain', 'Administrator cancelled this document');

		//Deleting the document
		cy.visit('/app/custom-submittable-doctype');
		cy.get('.list-subject > .select-like > .list-row-checkbox').eq(0).click();
		cy.findByRole('button', {name: 'Actions'}).click();
		cy.get('.actions-btn-group > .dropdown-menu > li > .dropdown-item').contains("Delete").click();
		cy.click_modal_primary_button('Yes', {force: true, delay: 700});

		//Deleting the custom doctype
		cy.visit('/app/doctype');
		cy.get('.list-subject > .select-like > .list-row-checkbox').eq(0).click();
		cy.findByRole('button', {name: 'Actions'}).click();
		cy.get('.actions-btn-group [data-label="Delete"]').click();
		cy.click_modal_primary_button('Yes');
	});
});