Cover more cases in AppSidebare visual test

Signed-off-by: Raimund Schlüßler <[email protected]>
nextcloud-libraries · Aug 27, 2020 · c4ccd75 · c4ccd75
1 parent c845012
commit c4ccd75
Show file tree

Hide file tree

Showing 121 changed files with 39 additions and 29 deletions.
diff --git a/....vue - starred_false - compact_false - header_image - secondary_button-base.png b/....vue - starred_false - compact_false - header_image - secondary_button-base.png
diff --git a/...ar.vue - starred_false - compact_false - header_image - secondary_none-base.png b/...ar.vue - starred_false - compact_false - header_image - secondary_none-base.png
diff --git a/...r.vue - starred_false - compact_false - header_none - secondary_button-base.png b/...r.vue - starred_false - compact_false - header_none - secondary_button-base.png
diff --git a/...bar.vue - starred_false - compact_false - header_none - secondary_none-base.png b/...bar.vue - starred_false - compact_false - header_none - secondary_none-base.png
diff --git a/...r.vue - starred_false - compact_true - header_image - secondary_button-base.png b/...r.vue - starred_false - compact_true - header_image - secondary_button-base.png
diff --git a/...bar.vue - starred_false - compact_true - header_image - secondary_none-base.png b/...bar.vue - starred_false - compact_true - header_image - secondary_none-base.png
diff --git a/...ar.vue - starred_false - compact_true - header_none - secondary_button-base.png b/...ar.vue - starred_false - compact_true - header_none - secondary_button-base.png
diff --git a/...ebar.vue - starred_false - compact_true - header_none - secondary_none-base.png b/...ebar.vue - starred_false - compact_true - header_none - secondary_none-base.png
diff --git a/...r.vue - starred_null - compact_false - header_image - secondary_button-base.png b/...r.vue - starred_null - compact_false - header_image - secondary_button-base.png
diff --git a/...bar.vue - starred_null - compact_false - header_image - secondary_none-base.png b/...bar.vue - starred_null - compact_false - header_image - secondary_none-base.png
diff --git a/...ar.vue - starred_null - compact_false - header_none - secondary_button-base.png b/...ar.vue - starred_null - compact_false - header_none - secondary_button-base.png
diff --git a/...ebar.vue - starred_null - compact_false - header_none - secondary_none-base.png b/...ebar.vue - starred_null - compact_false - header_none - secondary_none-base.png
diff --git a/...ar.vue - starred_null - compact_true - header_image - secondary_button-base.png b/...ar.vue - starred_null - compact_true - header_image - secondary_button-base.png
diff --git a/...ebar.vue - starred_null - compact_true - header_image - secondary_none-base.png b/...ebar.vue - starred_null - compact_true - header_image - secondary_none-base.png
diff --git a/...bar.vue - starred_null - compact_true - header_none - secondary_button-base.png b/...bar.vue - starred_null - compact_true - header_none - secondary_button-base.png
diff --git a/...debar.vue - starred_null - compact_true - header_none - secondary_none-base.png b/...debar.vue - starred_null - compact_true - header_none - secondary_none-base.png
diff --git a/...r.vue - starred_true - compact_false - header_image - secondary_button-base.png b/...r.vue - starred_true - compact_false - header_image - secondary_button-base.png
diff --git a/...bar.vue - starred_true - compact_false - header_image - secondary_none-base.png b/...bar.vue - starred_true - compact_false - header_image - secondary_none-base.png
diff --git a/...ar.vue - starred_true - compact_false - header_none - secondary_button-base.png b/...ar.vue - starred_true - compact_false - header_none - secondary_button-base.png
diff --git a/...ebar.vue - starred_true - compact_false - header_none - secondary_none-base.png b/...ebar.vue - starred_true - compact_false - header_none - secondary_none-base.png
diff --git a/...ar.vue - starred_true - compact_true - header_image - secondary_button-base.png b/...ar.vue - starred_true - compact_true - header_image - secondary_button-base.png
diff --git a/...ebar.vue - starred_true - compact_true - header_image - secondary_none-base.png b/...ebar.vue - starred_true - compact_true - header_image - secondary_none-base.png
diff --git a/...bar.vue - starred_true - compact_true - header_none - secondary_button-base.png b/...bar.vue - starred_true - compact_true - header_none - secondary_button-base.png
diff --git a/...debar.vue - starred_true - compact_true - header_none - secondary_none-base.png b/...debar.vue - starred_true - compact_true - header_none - secondary_none-base.png
diff --git a/...le_false- starred_false- compact_false- header_image- secondary_button-base.png b/...le_false- starred_false- compact_false- header_image- secondary_button-base.png
diff --git a/...able_false- starred_false- compact_false- header_image- secondary_none-base.png b/...able_false- starred_false- compact_false- header_image- secondary_none-base.png
diff --git a/...ble_false- starred_false- compact_false- header_none- secondary_button-base.png b/...ble_false- starred_false- compact_false- header_none- secondary_button-base.png
diff --git a/...table_false- starred_false- compact_false- header_none- secondary_none-base.png b/...table_false- starred_false- compact_false- header_none- secondary_none-base.png
diff --git a/...ble_false- starred_false- compact_true- header_image- secondary_button-base.png b/...ble_false- starred_false- compact_true- header_image- secondary_button-base.png
diff --git a/...table_false- starred_false- compact_true- header_image- secondary_none-base.png b/...table_false- starred_false- compact_true- header_image- secondary_none-base.png
diff --git a/...able_false- starred_false- compact_true- header_none- secondary_button-base.png b/...able_false- starred_false- compact_true- header_none- secondary_button-base.png
diff --git a/...itable_false- starred_false- compact_true- header_none- secondary_none-base.png b/...itable_false- starred_false- compact_true- header_none- secondary_none-base.png
diff --git a/...ble_false- starred_null- compact_false- header_image- secondary_button-base.png b/...ble_false- starred_null- compact_false- header_image- secondary_button-base.png
diff --git a/...table_false- starred_null- compact_false- header_image- secondary_none-base.png b/...table_false- starred_null- compact_false- header_image- secondary_none-base.png
diff --git a/...able_false- starred_null- compact_false- header_none- secondary_button-base.png b/...able_false- starred_null- compact_false- header_none- secondary_button-base.png
diff --git a/...itable_false- starred_null- compact_false- header_none- secondary_none-base.png b/...itable_false- starred_null- compact_false- header_none- secondary_none-base.png
diff --git a/...able_false- starred_null- compact_true- header_image- secondary_button-base.png b/...able_false- starred_null- compact_true- header_image- secondary_button-base.png
diff --git a/...itable_false- starred_null- compact_true- header_image- secondary_none-base.png b/...itable_false- starred_null- compact_true- header_image- secondary_none-base.png
diff --git a/...table_false- starred_null- compact_true- header_none- secondary_button-base.png b/...table_false- starred_null- compact_true- header_none- secondary_button-base.png
diff --git a/...ditable_false- starred_null- compact_true- header_none- secondary_none-base.png b/...ditable_false- starred_null- compact_true- header_none- secondary_none-base.png
diff --git a/...ble_false- starred_true- compact_false- header_image- secondary_button-base.png b/...ble_false- starred_true- compact_false- header_image- secondary_button-base.png
diff --git a/...table_false- starred_true- compact_false- header_image- secondary_none-base.png b/...table_false- starred_true- compact_false- header_image- secondary_none-base.png
diff --git a/...able_false- starred_true- compact_false- header_none- secondary_button-base.png b/...able_false- starred_true- compact_false- header_none- secondary_button-base.png
diff --git a/...itable_false- starred_true- compact_false- header_none- secondary_none-base.png b/...itable_false- starred_true- compact_false- header_none- secondary_none-base.png
diff --git a/...able_false- starred_true- compact_true- header_image- secondary_button-base.png b/...able_false- starred_true- compact_true- header_image- secondary_button-base.png
diff --git a/...itable_false- starred_true- compact_true- header_image- secondary_none-base.png b/...itable_false- starred_true- compact_true- header_image- secondary_none-base.png
diff --git a/...table_false- starred_true- compact_true- header_none- secondary_button-base.png b/...table_false- starred_true- compact_true- header_none- secondary_button-base.png
diff --git a/...ditable_false- starred_true- compact_true- header_none- secondary_none-base.png b/...ditable_false- starred_true- compact_true- header_none- secondary_none-base.png
diff --git a/...ble_true- starred_false- compact_false- header_image- secondary_button-base.png b/...ble_true- starred_false- compact_false- header_image- secondary_button-base.png
diff --git a/...table_true- starred_false- compact_false- header_image- secondary_none-base.png b/...table_true- starred_false- compact_false- header_image- secondary_none-base.png
diff --git a/...able_true- starred_false- compact_false- header_none- secondary_button-base.png b/...able_true- starred_false- compact_false- header_none- secondary_button-base.png
diff --git a/...itable_true- starred_false- compact_false- header_none- secondary_none-base.png b/...itable_true- starred_false- compact_false- header_none- secondary_none-base.png
diff --git a/...able_true- starred_false- compact_true- header_image- secondary_button-base.png b/...able_true- starred_false- compact_true- header_image- secondary_button-base.png
diff --git a/...itable_true- starred_false- compact_true- header_image- secondary_none-base.png b/...itable_true- starred_false- compact_true- header_image- secondary_none-base.png
diff --git a/...table_true- starred_false- compact_true- header_none- secondary_button-base.png b/...table_true- starred_false- compact_true- header_none- secondary_button-base.png
diff --git a/...ditable_true- starred_false- compact_true- header_none- secondary_none-base.png b/...ditable_true- starred_false- compact_true- header_none- secondary_none-base.png
diff --git a/...able_true- starred_null- compact_false- header_image- secondary_button-base.png b/...able_true- starred_null- compact_false- header_image- secondary_button-base.png
diff --git a/...itable_true- starred_null- compact_false- header_image- secondary_none-base.png b/...itable_true- starred_null- compact_false- header_image- secondary_none-base.png
diff --git a/...table_true- starred_null- compact_false- header_none- secondary_button-base.png b/...table_true- starred_null- compact_false- header_none- secondary_button-base.png
diff --git a/...ditable_true- starred_null- compact_false- header_none- secondary_none-base.png b/...ditable_true- starred_null- compact_false- header_none- secondary_none-base.png
diff --git a/...table_true- starred_null- compact_true- header_image- secondary_button-base.png b/...table_true- starred_null- compact_true- header_image- secondary_button-base.png
diff --git a/...ditable_true- starred_null- compact_true- header_image- secondary_none-base.png b/...ditable_true- starred_null- compact_true- header_image- secondary_none-base.png
diff --git a/...itable_true- starred_null- compact_true- header_none- secondary_button-base.png b/...itable_true- starred_null- compact_true- header_none- secondary_button-base.png
diff --git a/...editable_true- starred_null- compact_true- header_none- secondary_none-base.png b/...editable_true- starred_null- compact_true- header_none- secondary_none-base.png
diff --git a/...able_true- starred_true- compact_false- header_image- secondary_button-base.png b/...able_true- starred_true- compact_false- header_image- secondary_button-base.png
diff --git a/...itable_true- starred_true- compact_false- header_image- secondary_none-base.png b/...itable_true- starred_true- compact_false- header_image- secondary_none-base.png
diff --git a/...table_true- starred_true- compact_false- header_none- secondary_button-base.png b/...table_true- starred_true- compact_false- header_none- secondary_button-base.png
diff --git a/...ditable_true- starred_true- compact_false- header_none- secondary_none-base.png b/...ditable_true- starred_true- compact_false- header_none- secondary_none-base.png
diff --git a/...table_true- starred_true- compact_true- header_image- secondary_button-base.png b/...table_true- starred_true- compact_true- header_image- secondary_button-base.png
diff --git a/...ditable_true- starred_true- compact_true- header_image- secondary_none-base.png b/...ditable_true- starred_true- compact_true- header_image- secondary_none-base.png
diff --git a/...itable_true- starred_true- compact_true- header_none- secondary_button-base.png b/...itable_true- starred_true- compact_true- header_none- secondary_button-base.png
diff --git a/...editable_true- starred_true- compact_true- header_none- secondary_none-base.png b/...editable_true- starred_true- compact_true- header_none- secondary_none-base.png
diff --git a/...le_false- starred_false- compact_false- header_image- secondary_button-base.png b/...le_false- starred_false- compact_false- header_image- secondary_button-base.png
diff --git a/...able_false- starred_false- compact_false- header_image- secondary_none-base.png b/...able_false- starred_false- compact_false- header_image- secondary_none-base.png
diff --git a/...ble_false- starred_false- compact_false- header_none- secondary_button-base.png b/...ble_false- starred_false- compact_false- header_none- secondary_button-base.png
diff --git a/...table_false- starred_false- compact_false- header_none- secondary_none-base.png b/...table_false- starred_false- compact_false- header_none- secondary_none-base.png
diff --git a/...ble_false- starred_false- compact_true- header_image- secondary_button-base.png b/...ble_false- starred_false- compact_true- header_image- secondary_button-base.png
diff --git a/...table_false- starred_false- compact_true- header_image- secondary_none-base.png b/...table_false- starred_false- compact_true- header_image- secondary_none-base.png
diff --git a/...able_false- starred_false- compact_true- header_none- secondary_button-base.png b/...able_false- starred_false- compact_true- header_none- secondary_button-base.png
diff --git a/...itable_false- starred_false- compact_true- header_none- secondary_none-base.png b/...itable_false- starred_false- compact_true- header_none- secondary_none-base.png
diff --git a/...ble_false- starred_null- compact_false- header_image- secondary_button-base.png b/...ble_false- starred_null- compact_false- header_image- secondary_button-base.png
diff --git a/...table_false- starred_null- compact_false- header_image- secondary_none-base.png b/...table_false- starred_null- compact_false- header_image- secondary_none-base.png
diff --git a/...able_false- starred_null- compact_false- header_none- secondary_button-base.png b/...able_false- starred_null- compact_false- header_none- secondary_button-base.png
diff --git a/...itable_false- starred_null- compact_false- header_none- secondary_none-base.png b/...itable_false- starred_null- compact_false- header_none- secondary_none-base.png
diff --git a/...able_false- starred_null- compact_true- header_image- secondary_button-base.png b/...able_false- starred_null- compact_true- header_image- secondary_button-base.png
diff --git a/...itable_false- starred_null- compact_true- header_image- secondary_none-base.png b/...itable_false- starred_null- compact_true- header_image- secondary_none-base.png
diff --git a/...table_false- starred_null- compact_true- header_none- secondary_button-base.png b/...table_false- starred_null- compact_true- header_none- secondary_button-base.png
diff --git a/...ditable_false- starred_null- compact_true- header_none- secondary_none-base.png b/...ditable_false- starred_null- compact_true- header_none- secondary_none-base.png
diff --git a/...ble_false- starred_true- compact_false- header_image- secondary_button-base.png b/...ble_false- starred_true- compact_false- header_image- secondary_button-base.png
diff --git a/...table_false- starred_true- compact_false- header_image- secondary_none-base.png b/...table_false- starred_true- compact_false- header_image- secondary_none-base.png
diff --git a/...able_false- starred_true- compact_false- header_none- secondary_button-base.png b/...able_false- starred_true- compact_false- header_none- secondary_button-base.png
diff --git a/...itable_false- starred_true- compact_false- header_none- secondary_none-base.png b/...itable_false- starred_true- compact_false- header_none- secondary_none-base.png
diff --git a/...able_false- starred_true- compact_true- header_image- secondary_button-base.png b/...able_false- starred_true- compact_true- header_image- secondary_button-base.png
diff --git a/...itable_false- starred_true- compact_true- header_image- secondary_none-base.png b/...itable_false- starred_true- compact_true- header_image- secondary_none-base.png
diff --git a/...table_false- starred_true- compact_true- header_none- secondary_button-base.png b/...table_false- starred_true- compact_true- header_none- secondary_button-base.png
diff --git a/...ditable_false- starred_true- compact_true- header_none- secondary_none-base.png b/...ditable_false- starred_true- compact_true- header_none- secondary_none-base.png
diff --git a/...ble_true- starred_false- compact_false- header_image- secondary_button-base.png b/...ble_true- starred_false- compact_false- header_image- secondary_button-base.png
diff --git a/...table_true- starred_false- compact_false- header_image- secondary_none-base.png b/...table_true- starred_false- compact_false- header_image- secondary_none-base.png
diff --git a/...able_true- starred_false- compact_false- header_none- secondary_button-base.png b/...able_true- starred_false- compact_false- header_none- secondary_button-base.png
diff --git a/...itable_true- starred_false- compact_false- header_none- secondary_none-base.png b/...itable_true- starred_false- compact_false- header_none- secondary_none-base.png
diff --git a/...able_true- starred_false- compact_true- header_image- secondary_button-base.png b/...able_true- starred_false- compact_true- header_image- secondary_button-base.png
diff --git a/...itable_true- starred_false- compact_true- header_image- secondary_none-base.png b/...itable_true- starred_false- compact_true- header_image- secondary_none-base.png
diff --git a/...table_true- starred_false- compact_true- header_none- secondary_button-base.png b/...table_true- starred_false- compact_true- header_none- secondary_button-base.png
diff --git a/...ditable_true- starred_false- compact_true- header_none- secondary_none-base.png b/...ditable_true- starred_false- compact_true- header_none- secondary_none-base.png
diff --git a/...able_true- starred_null- compact_false- header_image- secondary_button-base.png b/...able_true- starred_null- compact_false- header_image- secondary_button-base.png
diff --git a/...itable_true- starred_null- compact_false- header_image- secondary_none-base.png b/...itable_true- starred_null- compact_false- header_image- secondary_none-base.png
diff --git a/...table_true- starred_null- compact_false- header_none- secondary_button-base.png b/...table_true- starred_null- compact_false- header_none- secondary_button-base.png
diff --git a/...ditable_true- starred_null- compact_false- header_none- secondary_none-base.png b/...ditable_true- starred_null- compact_false- header_none- secondary_none-base.png
diff --git a/...table_true- starred_null- compact_true- header_image- secondary_button-base.png b/...table_true- starred_null- compact_true- header_image- secondary_button-base.png
diff --git a/...ditable_true- starred_null- compact_true- header_image- secondary_none-base.png b/...ditable_true- starred_null- compact_true- header_image- secondary_none-base.png
diff --git a/...itable_true- starred_null- compact_true- header_none- secondary_button-base.png b/...itable_true- starred_null- compact_true- header_none- secondary_button-base.png
diff --git a/...editable_true- starred_null- compact_true- header_none- secondary_none-base.png b/...editable_true- starred_null- compact_true- header_none- secondary_none-base.png
diff --git a/...able_true- starred_true- compact_false- header_image- secondary_button-base.png b/...able_true- starred_true- compact_false- header_image- secondary_button-base.png
diff --git a/...itable_true- starred_true- compact_false- header_image- secondary_none-base.png b/...itable_true- starred_true- compact_false- header_image- secondary_none-base.png
diff --git a/...table_true- starred_true- compact_false- header_none- secondary_button-base.png b/...table_true- starred_true- compact_false- header_none- secondary_button-base.png
diff --git a/...ditable_true- starred_true- compact_false- header_none- secondary_none-base.png b/...ditable_true- starred_true- compact_false- header_none- secondary_none-base.png
diff --git a/...table_true- starred_true- compact_true- header_image- secondary_button-base.png b/...table_true- starred_true- compact_true- header_image- secondary_button-base.png
diff --git a/...ditable_true- starred_true- compact_true- header_image- secondary_none-base.png b/...ditable_true- starred_true- compact_true- header_image- secondary_none-base.png
diff --git a/...itable_true- starred_true- compact_true- header_none- secondary_button-base.png b/...itable_true- starred_true- compact_true- header_none- secondary_button-base.png
diff --git a/...editable_true- starred_true- compact_true- header_none- secondary_none-base.png b/...editable_true- starred_true- compact_true- header_none- secondary_none-base.png
diff --git a/tests/visual/components/AppSidebar/AppSidebar.visual.js b/tests/visual/components/AppSidebar/AppSidebar.visual.js
@@ -51,6 +51,9 @@ describe('AppSidebar.vue', () => {
 	const cssFiles = [server, icons, variables]
 
 	// Possible props and actions
+	const title = 'Very long title that will certainly overflow the sidebar width'
+	const subtitles = ['', 'Very long subtitle what will certainly overflow the sidebar width']
+	const titleEditable = [false, true]
 	const starred = [null, false, true]
 	const compact = [false, true]
 	const header = ['', '<div style="background: no-repeat center/contain var(--icon-folder-000); height: 100%;" />']
@@ -64,37 +67,44 @@ describe('AppSidebar.vue', () => {
 		components,
 	}
 
-	starred.forEach(star => {
-		compact.forEach(comp => {
-			header.forEach(head => {
-				secondary.forEach(second => {
-					const fileName = `AppSidebar.vue
-						 - starred_${star === null ? 'null' : star ? 'true' : 'false'}
-						 - compact_${comp ? 'true' : 'false'}
-						 - header_${head ? 'image' : 'none'}
-						 - secondary_${second ? 'button' : 'none'}
-					`.replace(/(\n|\t)/gi, '')
+	subtitles.forEach(subtitle => {
+		titleEditable.forEach(editable => {
+			starred.forEach(star => {
+				compact.forEach(comp => {
+					header.forEach(head => {
+						secondary.forEach(second => {
+							const fileName = `AppSidebar.vue
+									- subtitle_${subtitle ? 'true' : 'null'}
+									- editable_${editable ? 'true' : 'false'}
+									- starred_${star === null ? 'null' : star ? 'true' : 'false'}
+									- compact_${comp ? 'true' : 'false'}
+									- header_${head ? 'image' : 'none'}
+									- secondary_${second ? 'button' : 'none'}
+							`.replace(/(\n|\t)/gi, '')
 
-					const defaultOptions = {
-						propsData: {
-							title: 'Sidebar title.',
-							subtitle: 'subtitle',
-							starred: star,
-							compact: comp,
-						},
-						slots: {
-							default: ['<div />'],
-							header: head,
-							'secondary-actions': second,
-						},
-						style,
-						cssFiles,
-						extensions,
-					}
+							const defaultOptions = {
+								propsData: {
+									title,
+									subtitle,
+									starred: star,
+									compact: comp,
+									titleEditable: editable,
+								},
+								slots: {
+									default: ['<div />'],
+									header: head,
+									'secondary-actions': second,
+								},
+								style,
+								cssFiles,
+								extensions,
+							}
 
-					it('Renders ' + fileName, () => {
-						mount(AppSidebar, defaultOptions)
-						cy.get('.app-sidebar-header').compareSnapshot(fileName)
+							it('Renders ' + fileName, () => {
+								mount(AppSidebar, defaultOptions)
+								cy.get('.app-sidebar-header').compareSnapshot(fileName)
+							})
+						})
 					})
 				})
 			})