Cypress test

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

Author: skjnldsv

.eslintrc.js

@@ -1,8 +1,9 @@
 module.exports = {
 	globals: {
-		appVersion: true
+		appVersion: true,
+		isTesting: true,
 	},
 	extends: [
-		'@nextcloud'
-	]
+		'@nextcloud',
+	],
 };

.github/workflows/cypress.yml

@@ -51,7 +51,7 @@ jobs:
         working-directory: apps/${{ env.APP_NAME }}
         run: |
           npm ci
-          npm run build --if-present
+          TESTING=true npm run build --if-present
 
       - name: Set up php ${{ matrix.php-versions }}
         uses: shivammathur/setup-php@v1

src/views/Viewer.vue

@@ -26,16 +26,17 @@
 		v-if="initiated || currentFile.modal"
 		id="viewer-content"
 		:class="{'icon-loading': !currentFile.loaded && !currentFile.failed}"
+		:clear-view-delay="isTesting ? -1 : 5000 /* prevent cypress timeouts */"
 		:dark="true"
-		:view="currentFile.modal"
 		:enable-slideshow="hasPrevious || hasNext"
-		:spread-navigation="true"
-		:has-previous="hasPrevious"
-		:has-next="hasNext"
-		:title="currentFile.basename"
 		:enable-swipe="canSwipe"
+		:has-next="hasNext"
+		:has-previous="hasPrevious"
 		:size="isMobile ? 'full' : 'large'"
+		:spread-navigation="true"
 		:style="{width: isSidebarShown ? `calc(100% - ${sidebarWidth}px)` : null}"
+		:title="currentFile.basename"
+		:view="currentFile.modal"
 		@close="close"
 		@previous="previous"
 		@next="next">
@@ -129,35 +130,37 @@ export default {
 	mixins: [isMobile, isFullscreen],
 
 	data: () => ({
-		// reactivity bindings
+		// Reactivity bindings
 		Viewer: OCA.Viewer.state,
 		Sidebar: null,
 		handlers: OCA.Viewer.availableHandlers,
 
+		// Viewer variables
 		components: {},
 		mimeGroups: {},
 		registeredHandlers: [],
 
+		// Files variables
 		currentIndex: 0,
 		previousFile: {},
 		currentFile: {},
 		nextFile: {},
-
 		fileList: [],
 
+		// States
 		isLoaded: false,
 		initiated: false,
 
 		// cancellable requests
 		cancelRequestFile: () => {},
 		cancelRequestFolder: () => {},
 
-		isSidebarShown: false,
+		// Flags
 		sidebarWidth: 0,
-
+		isSidebarShown: false,
 		canSwipe: true,
-
-		standalone: !(OCA && OCA.Files && 'fileActions' in OCA.Files),
+		isStandalone: !(OCA && OCA.Files && 'fileActions' in OCA.Files),
+		isTesting,
 
 		root: getRootPath(),
 	}),
@@ -284,7 +287,7 @@ export default {
 
 		window.addEventListener('resize', this.onResize)
 
-		if (this.standalone) {
+		if (this.isStandalone) {
 			console.debug('No OCA.Files app found, viewer is now in standalone mode')
 		}
 	},
@@ -545,7 +548,7 @@ export default {
 		},
 
 		registerAction({ mime, group }) {
-			if (!this.standalone) {
+			if (!this.isStandalone) {
 				// unregistered handler, let's go!
 				OCA.Files.fileActions.registerAction({
 					name: 'view',

webpack.common.js

@@ -5,6 +5,7 @@ const StyleLintPlugin = require('stylelint-webpack-plugin')
 
 const appName = process.env.npm_package_name
 const appVersion = JSON.stringify(process.env.npm_package_version)
+const isTesting = !!process.env.TESTING
 
 module.exports = {
 	entry: path.join(__dirname, 'src', 'main.js'),
@@ -50,7 +51,7 @@ module.exports = {
 	plugins: [
 		new VueLoaderPlugin(),
 		new StyleLintPlugin(),
-		new webpack.DefinePlugin({ appVersion }),
+		new webpack.DefinePlugin({ appVersion, isTesting }),
 	],
 	resolve: {
 		alias: {
@@ -61,6 +62,6 @@ module.exports = {
 			Services: path.resolve(__dirname, 'src/services/'),
 			Views: path.resolve(__dirname, 'src/views/'),
 		},
-		extensions: ['*', '.js', '.vue', '.json'],
+		extensions: ['*', '.js', '.vue'],
 	},
 }