Cover more cases in AppSidebare visual test

Signed-off-by: Raimund Schlüßler <[email protected]>
nextcloud-libraries · Aug 28, 2020 · 1b7957b · 1b7957b
1 parent c845012
commit 1b7957b
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/...arred_false–compact_false–header_image–secondary_button–editable_false-base.png b/...arred_false–compact_false–header_image–secondary_button–editable_false-base.png
diff --git a/...tarred_false–compact_false–header_image–secondary_button–editable_true-base.png b/...tarred_false–compact_false–header_image–secondary_button–editable_true-base.png
diff --git a/...starred_false–compact_false–header_image–secondary_none–editable_false-base.png b/...starred_false–compact_false–header_image–secondary_none–editable_false-base.png
diff --git a/...–starred_false–compact_false–header_image–secondary_none–editable_true-base.png b/...–starred_false–compact_false–header_image–secondary_none–editable_true-base.png
diff --git a/...tarred_false–compact_false–header_none–secondary_button–editable_false-base.png b/...tarred_false–compact_false–header_none–secondary_button–editable_false-base.png
diff --git a/...starred_false–compact_false–header_none–secondary_button–editable_true-base.png b/...starred_false–compact_false–header_none–secondary_button–editable_true-base.png
diff --git a/...–starred_false–compact_false–header_none–secondary_none–editable_false-base.png b/...–starred_false–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...l–starred_false–compact_false–header_none–secondary_none–editable_true-base.png b/...l–starred_false–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...tarred_false–compact_true–header_image–secondary_button–editable_false-base.png b/...tarred_false–compact_true–header_image–secondary_button–editable_false-base.png
diff --git a/...starred_false–compact_true–header_image–secondary_button–editable_true-base.png b/...starred_false–compact_true–header_image–secondary_button–editable_true-base.png
diff --git a/...–starred_false–compact_true–header_image–secondary_none–editable_false-base.png b/...–starred_false–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...l–starred_false–compact_true–header_image–secondary_none–editable_true-base.png b/...l–starred_false–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...starred_false–compact_true–header_none–secondary_button–editable_false-base.png b/...starred_false–compact_true–header_none–secondary_button–editable_false-base.png
diff --git a/...–starred_false–compact_true–header_none–secondary_button–editable_true-base.png b/...–starred_false–compact_true–header_none–secondary_button–editable_true-base.png
diff --git a/...l–starred_false–compact_true–header_none–secondary_none–editable_false-base.png b/...l–starred_false–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...ll–starred_false–compact_true–header_none–secondary_none–editable_true-base.png b/...ll–starred_false–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...tarred_null–compact_false–header_image–secondary_button–editable_false-base.png b/...tarred_null–compact_false–header_image–secondary_button–editable_false-base.png
diff --git a/...starred_null–compact_false–header_image–secondary_button–editable_true-base.png b/...starred_null–compact_false–header_image–secondary_button–editable_true-base.png
diff --git a/...–starred_null–compact_false–header_image–secondary_none–editable_false-base.png b/...–starred_null–compact_false–header_image–secondary_none–editable_false-base.png
diff --git a/...l–starred_null–compact_false–header_image–secondary_none–editable_true-base.png b/...l–starred_null–compact_false–header_image–secondary_none–editable_true-base.png
diff --git a/...starred_null–compact_false–header_none–secondary_button–editable_false-base.png b/...starred_null–compact_false–header_none–secondary_button–editable_false-base.png
diff --git a/...–starred_null–compact_false–header_none–secondary_button–editable_true-base.png b/...–starred_null–compact_false–header_none–secondary_button–editable_true-base.png
diff --git a/...l–starred_null–compact_false–header_none–secondary_none–editable_false-base.png b/...l–starred_null–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...ll–starred_null–compact_false–header_none–secondary_none–editable_true-base.png b/...ll–starred_null–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...starred_null–compact_true–header_image–secondary_button–editable_false-base.png b/...starred_null–compact_true–header_image–secondary_button–editable_false-base.png
diff --git a/...–starred_null–compact_true–header_image–secondary_button–editable_true-base.png b/...–starred_null–compact_true–header_image–secondary_button–editable_true-base.png
diff --git a/...l–starred_null–compact_true–header_image–secondary_none–editable_false-base.png b/...l–starred_null–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...ll–starred_null–compact_true–header_image–secondary_none–editable_true-base.png b/...ll–starred_null–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...–starred_null–compact_true–header_none–secondary_button–editable_false-base.png b/...–starred_null–compact_true–header_none–secondary_button–editable_false-base.png
diff --git a/...l–starred_null–compact_true–header_none–secondary_button–editable_true-base.png b/...l–starred_null–compact_true–header_none–secondary_button–editable_true-base.png
diff --git a/...ll–starred_null–compact_true–header_none–secondary_none–editable_false-base.png b/...ll–starred_null–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...ull–starred_null–compact_true–header_none–secondary_none–editable_true-base.png b/...ull–starred_null–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...tarred_true–compact_false–header_image–secondary_button–editable_false-base.png b/...tarred_true–compact_false–header_image–secondary_button–editable_false-base.png
diff --git a/...starred_true–compact_false–header_image–secondary_button–editable_true-base.png b/...starred_true–compact_false–header_image–secondary_button–editable_true-base.png
diff --git a/...–starred_true–compact_false–header_image–secondary_none–editable_false-base.png b/...–starred_true–compact_false–header_image–secondary_none–editable_false-base.png
diff --git a/...l–starred_true–compact_false–header_image–secondary_none–editable_true-base.png b/...l–starred_true–compact_false–header_image–secondary_none–editable_true-base.png
diff --git a/...starred_true–compact_false–header_none–secondary_button–editable_false-base.png b/...starred_true–compact_false–header_none–secondary_button–editable_false-base.png
diff --git a/...–starred_true–compact_false–header_none–secondary_button–editable_true-base.png b/...–starred_true–compact_false–header_none–secondary_button–editable_true-base.png
diff --git a/...l–starred_true–compact_false–header_none–secondary_none–editable_false-base.png b/...l–starred_true–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...ll–starred_true–compact_false–header_none–secondary_none–editable_true-base.png b/...ll–starred_true–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...starred_true–compact_true–header_image–secondary_button–editable_false-base.png b/...starred_true–compact_true–header_image–secondary_button–editable_false-base.png
diff --git a/...–starred_true–compact_true–header_image–secondary_button–editable_true-base.png b/...–starred_true–compact_true–header_image–secondary_button–editable_true-base.png
diff --git a/...l–starred_true–compact_true–header_image–secondary_none–editable_false-base.png b/...l–starred_true–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...ll–starred_true–compact_true–header_image–secondary_none–editable_true-base.png b/...ll–starred_true–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...–starred_true–compact_true–header_none–secondary_button–editable_false-base.png b/...–starred_true–compact_true–header_none–secondary_button–editable_false-base.png
diff --git a/...l–starred_true–compact_true–header_none–secondary_button–editable_true-base.png b/...l–starred_true–compact_true–header_none–secondary_button–editable_true-base.png
diff --git a/...ll–starred_true–compact_true–header_none–secondary_none–editable_false-base.png b/...ll–starred_true–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...ull–starred_true–compact_true–header_none–secondary_none–editable_true-base.png b/...ull–starred_true–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...arred_false–compact_false–header_image–secondary_button–editable_false-base.png b/...arred_false–compact_false–header_image–secondary_button–editable_false-base.png
diff --git a/...tarred_false–compact_false–header_image–secondary_button–editable_true-base.png b/...tarred_false–compact_false–header_image–secondary_button–editable_true-base.png
diff --git a/...starred_false–compact_false–header_image–secondary_none–editable_false-base.png b/...starred_false–compact_false–header_image–secondary_none–editable_false-base.png
diff --git a/...–starred_false–compact_false–header_image–secondary_none–editable_true-base.png b/...–starred_false–compact_false–header_image–secondary_none–editable_true-base.png
diff --git a/...tarred_false–compact_false–header_none–secondary_button–editable_false-base.png b/...tarred_false–compact_false–header_none–secondary_button–editable_false-base.png
diff --git a/...starred_false–compact_false–header_none–secondary_button–editable_true-base.png b/...starred_false–compact_false–header_none–secondary_button–editable_true-base.png
diff --git a/...–starred_false–compact_false–header_none–secondary_none–editable_false-base.png b/...–starred_false–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...e–starred_false–compact_false–header_none–secondary_none–editable_true-base.png b/...e–starred_false–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...tarred_false–compact_true–header_image–secondary_button–editable_false-base.png b/...tarred_false–compact_true–header_image–secondary_button–editable_false-base.png
diff --git a/...starred_false–compact_true–header_image–secondary_button–editable_true-base.png b/...starred_false–compact_true–header_image–secondary_button–editable_true-base.png
diff --git a/...–starred_false–compact_true–header_image–secondary_none–editable_false-base.png b/...–starred_false–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...e–starred_false–compact_true–header_image–secondary_none–editable_true-base.png b/...e–starred_false–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...starred_false–compact_true–header_none–secondary_button–editable_false-base.png b/...starred_false–compact_true–header_none–secondary_button–editable_false-base.png
diff --git a/...–starred_false–compact_true–header_none–secondary_button–editable_true-base.png b/...–starred_false–compact_true–header_none–secondary_button–editable_true-base.png
diff --git a/...e–starred_false–compact_true–header_none–secondary_none–editable_false-base.png b/...e–starred_false–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...ue–starred_false–compact_true–header_none–secondary_none–editable_true-base.png b/...ue–starred_false–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...tarred_null–compact_false–header_image–secondary_button–editable_false-base.png b/...tarred_null–compact_false–header_image–secondary_button–editable_false-base.png
diff --git a/...starred_null–compact_false–header_image–secondary_button–editable_true-base.png b/...starred_null–compact_false–header_image–secondary_button–editable_true-base.png
diff --git a/...–starred_null–compact_false–header_image–secondary_none–editable_false-base.png b/...–starred_null–compact_false–header_image–secondary_none–editable_false-base.png
diff --git a/...e–starred_null–compact_false–header_image–secondary_none–editable_true-base.png b/...e–starred_null–compact_false–header_image–secondary_none–editable_true-base.png
diff --git a/...starred_null–compact_false–header_none–secondary_button–editable_false-base.png b/...starred_null–compact_false–header_none–secondary_button–editable_false-base.png
diff --git a/...–starred_null–compact_false–header_none–secondary_button–editable_true-base.png b/...–starred_null–compact_false–header_none–secondary_button–editable_true-base.png
diff --git a/...e–starred_null–compact_false–header_none–secondary_none–editable_false-base.png b/...e–starred_null–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...ue–starred_null–compact_false–header_none–secondary_none–editable_true-base.png b/...ue–starred_null–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...starred_null–compact_true–header_image–secondary_button–editable_false-base.png b/...starred_null–compact_true–header_image–secondary_button–editable_false-base.png
diff --git a/...–starred_null–compact_true–header_image–secondary_button–editable_true-base.png b/...–starred_null–compact_true–header_image–secondary_button–editable_true-base.png
diff --git a/...e–starred_null–compact_true–header_image–secondary_none–editable_false-base.png b/...e–starred_null–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...ue–starred_null–compact_true–header_image–secondary_none–editable_true-base.png b/...ue–starred_null–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...–starred_null–compact_true–header_none–secondary_button–editable_false-base.png b/...–starred_null–compact_true–header_none–secondary_button–editable_false-base.png
diff --git a/...e–starred_null–compact_true–header_none–secondary_button–editable_true-base.png b/...e–starred_null–compact_true–header_none–secondary_button–editable_true-base.png
diff --git a/...ue–starred_null–compact_true–header_none–secondary_none–editable_false-base.png b/...ue–starred_null–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...rue–starred_null–compact_true–header_none–secondary_none–editable_true-base.png b/...rue–starred_null–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...tarred_true–compact_false–header_image–secondary_button–editable_false-base.png b/...tarred_true–compact_false–header_image–secondary_button–editable_false-base.png
diff --git a/...starred_true–compact_false–header_image–secondary_button–editable_true-base.png b/...starred_true–compact_false–header_image–secondary_button–editable_true-base.png
diff --git a/...–starred_true–compact_false–header_image–secondary_none–editable_false-base.png b/...–starred_true–compact_false–header_image–secondary_none–editable_false-base.png
diff --git a/...e–starred_true–compact_false–header_image–secondary_none–editable_true-base.png b/...e–starred_true–compact_false–header_image–secondary_none–editable_true-base.png
diff --git a/...starred_true–compact_false–header_none–secondary_button–editable_false-base.png b/...starred_true–compact_false–header_none–secondary_button–editable_false-base.png
diff --git a/...–starred_true–compact_false–header_none–secondary_button–editable_true-base.png b/...–starred_true–compact_false–header_none–secondary_button–editable_true-base.png
diff --git a/...e–starred_true–compact_false–header_none–secondary_none–editable_false-base.png b/...e–starred_true–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...ue–starred_true–compact_false–header_none–secondary_none–editable_true-base.png b/...ue–starred_true–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...starred_true–compact_true–header_image–secondary_button–editable_false-base.png b/...starred_true–compact_true–header_image–secondary_button–editable_false-base.png
diff --git a/...–starred_true–compact_true–header_image–secondary_button–editable_true-base.png b/...–starred_true–compact_true–header_image–secondary_button–editable_true-base.png
diff --git a/...e–starred_true–compact_true–header_image–secondary_none–editable_false-base.png b/...e–starred_true–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...ue–starred_true–compact_true–header_image–secondary_none–editable_true-base.png b/...ue–starred_true–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...–starred_true–compact_true–header_none–secondary_button–editable_false-base.png b/...–starred_true–compact_true–header_none–secondary_button–editable_false-base.png
diff --git a/...e–starred_true–compact_true–header_none–secondary_button–editable_true-base.png b/...e–starred_true–compact_true–header_none–secondary_button–editable_true-base.png
diff --git a/...ue–starred_true–compact_true–header_none–secondary_none–editable_false-base.png b/...ue–starred_true–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...rue–starred_true–compact_true–header_none–secondary_none–editable_true-base.png b/...rue–starred_true–compact_true–header_none–secondary_none–editable_true-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'}
+									–starred_${star === null ? 'null' : star ? 'true' : 'false'}
+									–compact_${comp ? 'true' : 'false'}
+									–header_${head ? 'image' : 'none'}
+									–secondary_${second ? 'button' : 'none'}
+									–editable_${editable ? 'true' : 'false'}
+							`.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)
+							})
+						})
 					})
 				})
 			})