From b3d668cfec5717e1c599930b97505d8358b968d9 Mon Sep 17 00:00:00 2001
From: Hans-Peter Herzog <hherzog@sipwise.com>
Date: Mon, 2 Nov 2020 11:44:11 +0100
Subject: [PATCH] TT#99552 Provide unique ids to simplify end to end testing

The intention here is to make it easier to select specific elements in the DOM while creating E2E-Test based on selenium.

Change-Id: I21bb792b580359eb43e0c2b4cd1dc173487ebd91
---
 src/layouts/CscLayoutConference.vue          |  9 ++++++++-
 src/layouts/CscLayoutMain.vue                | 18 ++++++++++++++++--
 src/pages/CscPageCallBlockingIncoming.vue    |  1 +
 src/pages/CscPageCallBlockingOutgoing.vue    |  1 +
 src/pages/CscPageCallBlockingPrivacy.vue     |  1 +
 src/pages/CscPageCallForwardAfterHours.vue   |  1 +
 src/pages/CscPageCallForwardAlways.vue       |  1 +
 src/pages/CscPageCallForwardCompanyHours.vue |  1 +
 src/pages/CscPageConversations.vue           |  2 ++
 src/pages/CscPageError404.vue                |  1 +
 src/pages/CscPageHome.vue                    |  2 ++
 src/pages/CscPageLogin.vue                   |  9 ++++++++-
 src/pages/CscPageNewCallForward.vue          |  1 +
 src/pages/CscPagePbxCallQueues.vue           |  1 +
 src/pages/CscPagePbxDevices.vue              |  1 +
 src/pages/CscPagePbxGroups.vue               |  1 +
 src/pages/CscPagePbxMsConfigs.vue            |  1 +
 src/pages/CscPagePbxSeats.vue                |  4 +++-
 src/pages/CscPagePbxSettings.vue             |  1 +
 src/pages/CscPagePbxSoundSets.vue            |  1 +
 src/pages/CscPageReminder.vue                |  1 +
 src/pages/CscPageSpeedDial.vue               |  1 +
 src/pages/CscPageUserSettings.vue            |  1 +
 src/pages/CscPageVoicebox.vue                |  1 +
 24 files changed, 57 insertions(+), 5 deletions(-)

diff --git a/src/layouts/CscLayoutConference.vue b/src/layouts/CscLayoutConference.vue
index 75ceeb21..09f21a4a 100644
--- a/src/layouts/CscLayoutConference.vue
+++ b/src/layouts/CscLayoutConference.vue
@@ -1,11 +1,14 @@
 <template>
 	<q-layout
+		id="csc-layout-conference"
 		view="lHh lpR lFf"
 	>
 		<q-header
+			id="csc-header-conference"
 			class="bg-transparent"
 		>
 			<q-toolbar
+				id="csc-header-toolbar-conference"
 				class="bg-transparent"
 			>
 				<div
@@ -39,7 +42,9 @@
 				/>
 			</q-toolbar>
 		</q-header>
-		<q-page-container>
+		<q-page-container
+			id="csc-page-conference"
+		>
 			<q-page
 				class="full-width row wrap justify-center items-start content-center"
 			>
@@ -85,6 +90,7 @@
 			</q-page>
 		</q-page-container>
 		<q-drawer
+			id="csc-conference-participants"
 			side="right"
 			:value="isJoined"
 			:width="150"
@@ -96,6 +102,7 @@
 			/>
 		</q-drawer>
 		<q-footer
+			id="csc-footer-conference"
 			class="bg-footer"
 		>
 			<q-toolbar>
diff --git a/src/layouts/CscLayoutMain.vue b/src/layouts/CscLayoutMain.vue
index eba80bc9..05cbf41e 100644
--- a/src/layouts/CscLayoutMain.vue
+++ b/src/layouts/CscLayoutMain.vue
@@ -1,14 +1,18 @@
 <template>
 	<q-layout
+		id="csc-layout-main"
 		view="lHh LpR lFf"
 		@resize="layoutResized"
 	>
 		<q-header
+			id="csc-header-main"
 			v-model="header"
 			reveal
 			class="bg-secondary"
 		>
-			<q-toolbar>
+			<q-toolbar
+				id="csc-header-toolbar-main"
+			>
 				<q-btn
 					v-if="isMobile"
 					flat
@@ -45,6 +49,8 @@
 				>
 					<q-menu>
 						<csc-language-menu
+							id="csc-language-menu-main"
+							class="csc-language-menu"
 							:language-label="languageLabel"
 							:language-labels="languageLabels"
 						/>
@@ -94,6 +100,7 @@
 			</q-toolbar>
 		</q-header>
 		<q-drawer
+			id="csc-drawer-left"
 			ref="mainMenu"
 			v-model="menuClosed"
 			:mini="menuMinimized"
@@ -125,10 +132,13 @@
 			</div>
 			<csc-language-menu
 				v-if="$q.platform.is.mobile"
+				id="csc-language-menu-main-mobile"
+				class="csc-language-menu"
 				:language-label="languageLabel"
 				:language-labels="languageLabels"
 			/>
 			<csc-main-menu-top
+				id="csc-main-menu-top"
 				class="csc-main-menu no-margin"
 				:call-state-title="callStateTitle"
 				:call-state-subtitle="callStateSubtitle"
@@ -138,6 +148,7 @@
 				:is-pbx-configuration="isPbxConfiguration"
 			/>
 			<csc-main-menu-new-features
+				id="csc-main-menu-features"
 				class="csc-main-menu"
 				:call-state-title="callStateTitle"
 				:call-state-subtitle="callStateSubtitle"
@@ -148,13 +159,16 @@
 				:menu-minimized="menuMinimized"
 			/>
 		</q-drawer>
-		<q-page-container>
+		<q-page-container
+			id="csc-page-main"
+		>
 			<router-view />
 		</q-page-container>
 		<csc-send-fax
 			v-model="faxDialog"
 		/>
 		<csc-call
+			id="csc-call"
 			ref="call"
 			:call-state="callState"
 			:call-number="callNumber"
diff --git a/src/pages/CscPageCallBlockingIncoming.vue b/src/pages/CscPageCallBlockingIncoming.vue
index 570b48c6..602fb5dd 100644
--- a/src/pages/CscPageCallBlockingIncoming.vue
+++ b/src/pages/CscPageCallBlockingIncoming.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-call-blocking
+		id="csc-page-call-blocking-incoming"
 		page-name="incoming"
 	/>
 </template>
diff --git a/src/pages/CscPageCallBlockingOutgoing.vue b/src/pages/CscPageCallBlockingOutgoing.vue
index d35a08b2..927bd608 100644
--- a/src/pages/CscPageCallBlockingOutgoing.vue
+++ b/src/pages/CscPageCallBlockingOutgoing.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-call-blocking
+		id="csc-page-call-blocking-outgoing"
 		page-name="outgoing"
 	/>
 </template>
diff --git a/src/pages/CscPageCallBlockingPrivacy.vue b/src/pages/CscPageCallBlockingPrivacy.vue
index a7ddb34d..9f998282 100644
--- a/src/pages/CscPageCallBlockingPrivacy.vue
+++ b/src/pages/CscPageCallBlockingPrivacy.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-call-blocking-privacy"
 		class="q-pa-lg row"
 	>
 		<q-list
diff --git a/src/pages/CscPageCallForwardAfterHours.vue b/src/pages/CscPageCallForwardAfterHours.vue
index f8b16807..7f541152 100644
--- a/src/pages/CscPageCallForwardAfterHours.vue
+++ b/src/pages/CscPageCallForwardAfterHours.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-call-forward-timeset
+		id="csc-page-call-forward-after-hours"
 		timeset-name="After Hours"
 	/>
 </template>
diff --git a/src/pages/CscPageCallForwardAlways.vue b/src/pages/CscPageCallForwardAlways.vue
index e678332c..1a33fac3 100644
--- a/src/pages/CscPageCallForwardAlways.vue
+++ b/src/pages/CscPageCallForwardAlways.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-sourcesets
+		id="csc-page-call-forward-always"
 		ref="sourcesets"
 		:sourcesets="sourcesets"
 		:destinations="destinations"
diff --git a/src/pages/CscPageCallForwardCompanyHours.vue b/src/pages/CscPageCallForwardCompanyHours.vue
index ef64da03..86d3a591 100644
--- a/src/pages/CscPageCallForwardCompanyHours.vue
+++ b/src/pages/CscPageCallForwardCompanyHours.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-call-forward-timeset
+		id="csc-page-call-forward-company-hours"
 		timeset-name="Company Hours"
 	/>
 </template>
diff --git a/src/pages/CscPageConversations.vue b/src/pages/CscPageConversations.vue
index 22b7aef7..b438050b 100644
--- a/src/pages/CscPageConversations.vue
+++ b/src/pages/CscPageConversations.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page-sticky-tabs
+		id="csc-page-conversations"
 		ref="pageSticky"
 		:value="selectedTab"
 	>
@@ -20,6 +21,7 @@
 			v-slot:toolbar
 		>
 			<csc-conversations-filter
+				id="csc-conversations-filter"
 				v-model="filter"
 				class="q-pb-sm"
 				:loading="isNextPageRequesting"
diff --git a/src/pages/CscPageError404.vue b/src/pages/CscPageError404.vue
index a56168d9..9be06ce3 100644
--- a/src/pages/CscPageError404.vue
+++ b/src/pages/CscPageError404.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-error-404"
 		class="flex flex-center"
 	>
 		<q-card
diff --git a/src/pages/CscPageHome.vue b/src/pages/CscPageHome.vue
index 1f5e7b97..900b963d 100644
--- a/src/pages/CscPageHome.vue
+++ b/src/pages/CscPageHome.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-home"
 		class="full-width row wrap justify-center items-start content-center"
 	>
 		<div
@@ -12,6 +13,7 @@
 				{{ $t('call.rtcEngineNotEnabled') }}
 			</csc-inline-alert-info>
 			<csc-input
+				id="csc-call-number-input"
 				:label="$t('call.number')"
 				:value="callNumberInput"
 				:readonly="dialpadOpened"
diff --git a/src/pages/CscPageLogin.vue b/src/pages/CscPageLogin.vue
index f36db7cf..e9894b26 100644
--- a/src/pages/CscPageLogin.vue
+++ b/src/pages/CscPageLogin.vue
@@ -1,12 +1,16 @@
 <template>
 	<q-layout
+		id="csc-layout-login"
 		view="lHh lpR lFf"
 		class="bg-page"
 	>
 		<q-header
+			id="csc-header-login"
 			class="bg-transparent"
 		>
-			<q-toolbar>
+			<q-toolbar
+				id="csc-header-toolbar-login"
+			>
 				<q-btn
 					icon="language"
 					color="primary"
@@ -16,6 +20,8 @@
 				>
 					<q-menu>
 						<csc-language-menu
+							id="csc-language-menu-login"
+							class="csc-language-menu"
 							:language-label="languageLabel"
 							:language-labels="languageLabels"
 							@change-language="changeLanguage"
@@ -26,6 +32,7 @@
 		</q-header>
 		<q-page-container>
 			<q-page
+				id="csc-page-login"
 				class="flex flex-center row"
 			>
 				<q-card
diff --git a/src/pages/CscPageNewCallForward.vue b/src/pages/CscPageNewCallForward.vue
index 81a5474d..62c6f556 100644
--- a/src/pages/CscPageNewCallForward.vue
+++ b/src/pages/CscPageNewCallForward.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-new-call-forward"
 		class="q-pa-lg"
 	>
 		<div
diff --git a/src/pages/CscPagePbxCallQueues.vue b/src/pages/CscPagePbxCallQueues.vue
index 0634c6a2..c24869e4 100644
--- a/src/pages/CscPagePbxCallQueues.vue
+++ b/src/pages/CscPagePbxCallQueues.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-call-queues"
 		class="q-pa-lg"
 	>
 		<csc-list-actions
diff --git a/src/pages/CscPagePbxDevices.vue b/src/pages/CscPagePbxDevices.vue
index f1fca5ce..a1a0fd06 100644
--- a/src/pages/CscPagePbxDevices.vue
+++ b/src/pages/CscPagePbxDevices.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-devices"
 		class="q-pa-lg"
 	>
 		<csc-list-actions
diff --git a/src/pages/CscPagePbxGroups.vue b/src/pages/CscPagePbxGroups.vue
index 5540fb10..080b133a 100644
--- a/src/pages/CscPagePbxGroups.vue
+++ b/src/pages/CscPagePbxGroups.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-groups"
 		class="q-pa-lg"
 	>
 		<csc-list-actions
diff --git a/src/pages/CscPagePbxMsConfigs.vue b/src/pages/CscPagePbxMsConfigs.vue
index 9f29ceed..6dc959bd 100644
--- a/src/pages/CscPagePbxMsConfigs.vue
+++ b/src/pages/CscPagePbxMsConfigs.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-ms-config"
 		class="q-pa-lg"
 	>
 		<csc-list-actions
diff --git a/src/pages/CscPagePbxSeats.vue b/src/pages/CscPagePbxSeats.vue
index f68fe64c..75e03afc 100644
--- a/src/pages/CscPagePbxSeats.vue
+++ b/src/pages/CscPagePbxSeats.vue
@@ -1,5 +1,7 @@
 <template>
-	<csc-page-sticky>
+	<csc-page-sticky
+		id="csc-page-pbx-seats"
+	>
 		<template
 			v-slot:header
 		>
diff --git a/src/pages/CscPagePbxSettings.vue b/src/pages/CscPagePbxSettings.vue
index 565e27c9..337391a3 100644
--- a/src/pages/CscPagePbxSettings.vue
+++ b/src/pages/CscPagePbxSettings.vue
@@ -1,6 +1,7 @@
 
 <template>
 	<csc-page
+		id="csc-page-pbx-settings"
 		class="q-pa-lg"
 	>
 		<q-list>
diff --git a/src/pages/CscPagePbxSoundSets.vue b/src/pages/CscPagePbxSoundSets.vue
index e6bd6f66..ee2d2871 100644
--- a/src/pages/CscPagePbxSoundSets.vue
+++ b/src/pages/CscPagePbxSoundSets.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-sound-sets"
 		class="q-pa-lg"
 	>
 		<csc-list-actions
diff --git a/src/pages/CscPageReminder.vue b/src/pages/CscPageReminder.vue
index 7e231299..d0b74f7c 100644
--- a/src/pages/CscPageReminder.vue
+++ b/src/pages/CscPageReminder.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-reminder"
 		class="q-pa-lg row"
 	>
 		<q-list
diff --git a/src/pages/CscPageSpeedDial.vue b/src/pages/CscPageSpeedDial.vue
index b5f103f5..d3103a58 100644
--- a/src/pages/CscPageSpeedDial.vue
+++ b/src/pages/CscPageSpeedDial.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-speed-dial"
 		class="q-pa-lg"
 	>
 		<div
diff --git a/src/pages/CscPageUserSettings.vue b/src/pages/CscPageUserSettings.vue
index 7e2d75d6..29a34073 100644
--- a/src/pages/CscPageUserSettings.vue
+++ b/src/pages/CscPageUserSettings.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-user-settings"
 		class="q-pa-lg row"
 	>
 		<div
diff --git a/src/pages/CscPageVoicebox.vue b/src/pages/CscPageVoicebox.vue
index 362a7b32..105fd66d 100644
--- a/src/pages/CscPageVoicebox.vue
+++ b/src/pages/CscPageVoicebox.vue
@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-voicebox"
 		class="row q-pa-lg"
 	>
 		<q-list