Add tests for settings

Signed-off-by: Louis Chemineau <[email protected]>

cypress.json

@@ -3,4 +3,4 @@
   "projectId": "hx9gqy",
   "viewportWidth": 1280,
   "viewportHeight": 720
-}
+}

cypress/integration/settings.spec.js

@@ -0,0 +1,119 @@
+/**
+ * @copyright Copyright (c) 2021 Louis Chemineau <[email protected]>
+ *
+ * @author Louis Chemineau <[email protected]>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+/// <reference types="Cypress" />
+
+import { randHash } from '../utils'
+const randUser = randHash()
+
+describe('Check that user\'s settings survive a reload', () => {
+	before(() => {
+		cy.nextcloudCreateUser(randUser, 'password')
+		cy.login(randUser, 'password')
+		cy.visit('/settings/user/activity')
+		cy.wait(1000)
+	})
+
+	after(() => {
+		cy.logout()
+	})
+
+	it('Form survive a reload', () => {
+		cy.get("#app-content input[type='checkbox']").uncheck({force: true}).should('not.be.checked')
+
+		cy.reload()
+
+		cy.get("#app-content input[type='checkbox']").uncheck({force: true}).should('not.be.checked')
+
+		cy.get("#file_changed_notification").check({force: true})
+		cy.contains("A calendar was modified").click()
+		cy.contains("Other activities").parentsUntil('table').contains("Push").click()
+		cy.contains("Comments for files").click()
+		cy.contains("Your password or email was modified").click()
+
+		cy.reload()
+
+		cy.get("#file_favorite_changed_email").should('not.be.checked')
+		cy.get("#file_favorite_changed_notification").should('not.be.checked')
+		cy.get("#file_changed_email").should('not.be.checked')
+		cy.get("#file_changed_notification").should('be.checked')
+		cy.get("#favorite_email").should('not.be.checked')
+		cy.get("#favorite_notification").should('not.be.checked')
+		cy.get("#shared_email").should('not.be.checked')
+		cy.get("#shared_notification").should('not.be.checked')
+		cy.get("#remote_share_email").should('not.be.checked')
+		cy.get("#remote_share_notification").should('not.be.checked')
+		cy.get("#public_links_email").should('not.be.checked')
+		cy.get("#public_links_notification").should('not.be.checked')
+		cy.get("#calendar_email").should('be.checked')
+		cy.get("#calendar_notification").should('be.checked')
+		cy.get("#calendar_event_email").should('not.be.checked')
+		cy.get("#calendar_event_notification").should('not.be.checked')
+		cy.get("#calendar_todo_email").should('not.be.checked')
+		cy.get("#calendar_todo_notification").should('not.be.checked')
+		cy.get("#contacts_email").should('not.be.checked')
+		cy.get("#contacts_notification").should('not.be.checked')
+		cy.get("#group_settings_email").should('not.be.checked')
+		cy.get("#group_settings_notification").should('be.checked')
+		cy.get("#personal_settings_email").should('not.be.checked')
+		cy.get("#personal_settings_notification").should('not.be.checked')
+		cy.get("#security_email").should('not.be.checked')
+		cy.get("#security_notification").should('be.checked')
+		cy.get("#comments_email").should('be.checked')
+		cy.get("#comments_notification").should('be.checked')
+		cy.get("#systemtags_email").should('not.be.checked')
+		cy.get("#systemtags_notification").should('be.checked')
+	})
+
+	it('Notification frequency survive a reload', () => {
+		cy.get(".notification-frequency__select").select("Weekly")
+
+		cy.wait(200)
+		cy.reload()
+
+		cy.get('.notification-frequency__select').find(':selected').contains('Weekly')
+		cy.get(".notification-frequency__select").select("Hourly")
+
+		cy.wait(200)
+		cy.reload()
+
+		cy.get('.notification-frequency__select').find(':selected').contains('Hourly')
+	})
+
+	it('Activity summary survive a reload', () => {
+		let input = cy.get("#app-content").contains("Send daily activity summary in the morning").parentsUntil('.settings-section.summary-form').children('input')
+
+		input.check({force: true})
+
+		cy.reload()
+		input = cy.get("#app-content").contains("Send daily activity summary in the morning").parentsUntil('.settings-section.summary-form').children('input')
+
+		input.should('be.checked')
+
+		input.uncheck({force: true})
+
+		cy.reload()
+		input = cy.get("#app-content").contains("Send daily activity summary in the morning").parentsUntil('.settings-section.summary-form').children('input')
+
+		input.should('not.be.checked')
+	})
+})

cypress/integration/activity.spec.js → cypress/integration/sidebar.spec.js

@@ -20,10 +20,12 @@
  *
  */
 
+/// <reference types="Cypress" />
+
 import { randHash } from '../utils'
 const randUser = randHash()
 
-describe('Open test.md in viewer', function() {
+describe('Check activity listing in the sidebar', function() {
 	before(function() {
 		cy.nextcloudCreateUser(randUser, 'password')
 		cy.login(randUser, 'password')

cypress/support/commands.js

@@ -20,7 +20,7 @@
  *
  */
 
-import axios from '@nextcloud/axios'
+/// <reference types="Cypress" />
 
 const url = Cypress.config('baseUrl').replace(/\/index.php\/?$/g, '')
 Cypress.env('baseUrl', url)
@@ -68,92 +68,3 @@ Cypress.Commands.add('nextcloudCreateUser', (user, password) => {
 		cy.log(`Created user ${user}`, response.status)
 	})
 })
-
-Cypress.Commands.add('createFolder', dirName => {
-	cy.get('#controls .actions > .button.new').click()
-	cy.get('#controls .actions .newFileMenu a[data-action="folder"]').click()
-	cy.get('#controls .actions .newFileMenu a[data-action="folder"] input[type="text"]').type(dirName)
-	cy.get('#controls .actions .newFileMenu a[data-action="folder"] input.icon-confirm').click()
-	cy.log('Created folder', dirName)
-	cy.wait(500)
-})
-
-Cypress.Commands.add('moveFile', (fileName, dirName) => {
-	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
-	cy.get(`#fileList tr[data-file="${fileName}"] .action-movecopy`).click()
-	cy.get(`.oc-dialog tr[data-entryname="${dirName}"]`).click()
-	cy.contains(`Move to ${dirName}`).click()
-	cy.wait(500)
-})
-
-Cypress.Commands.add('showSidebarForFile', fileName => {
-	cy.hideSidebar('welcome.txt')
-	cy.get('#fileList tr[data-file="welcome.txt"] .icon-more').click()
-	cy.contains('Details').click()
-	cy.get('#app-sidebar-vue').contains('Activity').click()
-})
-
-Cypress.Commands.add('hideSidebar', fileName => {
-	cy.get('body')
-		.then(($body) => {
-			if ($body.find('.app-sidebar__close').length !== 0) {
-				cy.get('.app-sidebar__close').click()
-			}
-		})
-})
-
-Cypress.Commands.add('showActivityTab', fileName => {
-	cy.showSidebarForFile()
-	cy.get('#app-sidebar-vue').contains('Activity').click()
-})
-
-Cypress.Commands.add('addToFavorites', fileName => {
-	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
-	cy.contains('Add to favorites').click()
-})
-
-Cypress.Commands.add('removeFromFavorites', fileName => {
-	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
-	cy.contains('Remove from favorites').click()
-})
-
-Cypress.Commands.add('createPublicShare', fileName => {
-	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
-	cy.contains('Details').click()
-	cy.get('#app-sidebar-vue').contains('Sharing').click()
-
-	cy.get('#app-sidebar-vue a#sharing').trigger('click')
-	cy.get('#app-sidebar-vue button.new-share-link').trigger('click')
-	cy.get('#app-sidebar-vue a.sharing-entry__copy')
-})
-
-Cypress.Commands.add('renameFile', (fileName, newName) => {
-	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
-	cy.get(`#fileList tr[data-file="${fileName}"] .action-rename`).click()
-	cy.get(`#fileList tr[data-file="${fileName}"] input.filename`).type(newName).parent().submit()
-	cy.wait(500)
-})
-
-Cypress.Commands.add('goToDir', (dirName) => {
-	cy.get(`#fileList tr[data-file="${dirName}"]`).click()
-	cy.wait(500)
-})
-
-Cypress.Commands.add('addTag', (fileName, tag) => {
-	cy.showSidebarForFile('welcome.txt')
-
-	cy.get('.app-sidebar-header__menu .action-item__menutoggle').click()
-	cy.get('.action-button__icon.icon-tag').click()
-	cy.get('.systemTagsInputField input').type('my_tag{enter}{esc}')
-
-	cy.wait(500)
-})
-
-Cypress.Commands.add('addComment', (fileName, comment) => {
-	cy.showSidebarForFile('welcome.txt')
-	cy.get('#app-sidebar-vue').contains('Comments').click()
-	cy.get('.comment__editor .rich-contenteditable__input').type(comment)
-	cy.get('input.comment__submit').click()
-
-	cy.wait(500)
-})

cypress/support/index.js

@@ -13,8 +13,5 @@
 // https://on.cypress.io/configuration
 // ***********************************************************
 
-// Import commands.js using ES2015 syntax:
 import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
+import './sidebar'

cypress/support/sidebar.js

@@ -0,0 +1,112 @@
+/**
+ * @copyright Copyright (c) 2021 Louis Chemineau <[email protected]>
+ *
+ * @author Louis Chemineau <[email protected]>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+/// <reference types="Cypress" />
+
+Cypress.Commands.add('createFolder', dirName => {
+	cy.get('#controls .actions > .button.new').click()
+	cy.get('#controls .actions .newFileMenu a[data-action="folder"]').click()
+	cy.get('#controls .actions .newFileMenu a[data-action="folder"] input[type="text"]').type(dirName)
+	cy.get('#controls .actions .newFileMenu a[data-action="folder"] input.icon-confirm').click()
+	cy.log('Created folder', dirName)
+	cy.wait(500)
+})
+
+Cypress.Commands.add('moveFile', (fileName, dirName) => {
+	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
+	cy.get(`#fileList tr[data-file="${fileName}"] .action-movecopy`).click()
+	cy.get(`.oc-dialog tr[data-entryname="${dirName}"]`).click()
+	cy.contains(`Move to ${dirName}`).click()
+	cy.wait(500)
+})
+
+Cypress.Commands.add('showSidebarForFile', fileName => {
+	cy.hideSidebar('welcome.txt')
+	cy.get('#fileList tr[data-file="welcome.txt"] .icon-more').click()
+	cy.contains('Details').click()
+	cy.get('#app-sidebar-vue').contains('Activity').click()
+})
+
+Cypress.Commands.add('hideSidebar', fileName => {
+	cy.get('body')
+		.then(($body) => {
+			if ($body.find('.app-sidebar__close').length !== 0) {
+				cy.get('.app-sidebar__close').click()
+			}
+		})
+})
+
+Cypress.Commands.add('showActivityTab', fileName => {
+	cy.showSidebarForFile()
+	cy.get('#app-sidebar-vue').contains('Activity').click()
+})
+
+Cypress.Commands.add('addToFavorites', fileName => {
+	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
+	cy.contains('Add to favorites').click()
+})
+
+Cypress.Commands.add('removeFromFavorites', fileName => {
+	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
+	cy.contains('Remove from favorites').click()
+})
+
+Cypress.Commands.add('createPublicShare', fileName => {
+	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
+	cy.contains('Details').click()
+	cy.get('#app-sidebar-vue').contains('Sharing').click()
+
+	cy.get('#app-sidebar-vue a#sharing').trigger('click')
+	cy.get('#app-sidebar-vue button.new-share-link').trigger('click')
+	cy.get('#app-sidebar-vue a.sharing-entry__copy')
+})
+
+Cypress.Commands.add('renameFile', (fileName, newName) => {
+	cy.get(`#fileList tr[data-file="${fileName}"] .icon-more`).click()
+	cy.get(`#fileList tr[data-file="${fileName}"] .action-rename`).click()
+	cy.get(`#fileList tr[data-file="${fileName}"] input.filename`).type(newName).parent().submit()
+	cy.wait(500)
+})
+
+Cypress.Commands.add('goToDir', (dirName) => {
+	cy.get(`#fileList tr[data-file="${dirName}"]`).click()
+	cy.wait(500)
+})
+
+Cypress.Commands.add('addTag', (fileName, tag) => {
+	cy.showSidebarForFile('welcome.txt')
+
+	cy.get('.app-sidebar-header__menu .action-item__menutoggle').click()
+	cy.get('.action-button__icon.icon-tag').click()
+	cy.get('.systemTagsInputField input').type('my_tag{enter}{esc}')
+
+	cy.wait(500)
+})
+
+Cypress.Commands.add('addComment', (fileName, comment) => {
+	cy.showSidebarForFile('welcome.txt')
+	cy.get('#app-sidebar-vue').contains('Comments').click()
+	cy.get('.comment__editor .rich-contenteditable__input').type(comment)
+	cy.get('input.comment__submit').click()
+
+	cy.wait(500)
+})

package.json

@@ -41,14 +41,13 @@
 			"json",
 			"vue"
 		],
-		"testEnvironment": "jest-environment-jsdom-sixteen",
 		"transform": {
 			"^.+\\.js$": "babel-jest",
 			"^.+\\.vue$": "vue-jest"
 		},
 		"transformIgnorePatterns": [
 			"\\.pnp\\.[^\\/]+$",
-			"/node_modules/(?!(@juliushaertl/vue-richtext)/)"
+			"/node_modules/(?!(@juliushaertl/vue-richtext|vue-material-design-icons)/)"
 		],
 		"snapshotSerializers": [
 			"<rootDir>/node_modules/jest-serializer-vue"
@@ -99,7 +98,6 @@
 		"babel-core": "^7.0.0-bridge.0",
 		"cypress": "^7.2.0",
 		"jest": "^26.6.3",
-		"jest-environment-jsdom-sixteen": "^2.0.0",
 		"jest-serializer-vue": "^2.0.2",
 		"vue-jest": "^3.0.7"
 	}