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

@@ -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>

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"

src/pages/CscPageCallBlockingIncoming.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-call-blocking
+		id="csc-page-call-blocking-incoming"
 		page-name="incoming"
 	/>
 </template>

src/pages/CscPageCallBlockingOutgoing.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-call-blocking
+		id="csc-page-call-blocking-outgoing"
 		page-name="outgoing"
 	/>
 </template>

src/pages/CscPageCallBlockingPrivacy.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-call-blocking-privacy"
 		class="q-pa-lg row"
 	>
 		<q-list

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>

src/pages/CscPageCallForwardAlways.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-sourcesets
+		id="csc-page-call-forward-always"
 		ref="sourcesets"
 		:sourcesets="sourcesets"
 		:destinations="destinations"

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>

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"

src/pages/CscPageError404.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-error-404"
 		class="flex flex-center"
 	>
 		<q-card

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"

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

src/pages/CscPageNewCallForward.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-new-call-forward"
 		class="q-pa-lg"
 	>
 		<div

src/pages/CscPagePbxCallQueues.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-call-queues"
 		class="q-pa-lg"
 	>
 		<csc-list-actions

src/pages/CscPagePbxDevices.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-devices"
 		class="q-pa-lg"
 	>
 		<csc-list-actions

src/pages/CscPagePbxGroups.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-groups"
 		class="q-pa-lg"
 	>
 		<csc-list-actions

src/pages/CscPagePbxMsConfigs.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-ms-config"
 		class="q-pa-lg"
 	>
 		<csc-list-actions

src/pages/CscPagePbxSeats.vue

@@ -1,5 +1,7 @@
 <template>
-	<csc-page-sticky>
+	<csc-page-sticky
+		id="csc-page-pbx-seats"
+	>
 		<template
 			v-slot:header
 		>

src/pages/CscPagePbxSettings.vue

@@ -1,6 +1,7 @@
 
 <template>
 	<csc-page
+		id="csc-page-pbx-settings"
 		class="q-pa-lg"
 	>
 		<q-list>

src/pages/CscPagePbxSoundSets.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-pbx-sound-sets"
 		class="q-pa-lg"
 	>
 		<csc-list-actions

src/pages/CscPageReminder.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-reminder"
 		class="q-pa-lg row"
 	>
 		<q-list

src/pages/CscPageSpeedDial.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-speed-dial"
 		class="q-pa-lg"
 	>
 		<div

src/pages/CscPageUserSettings.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-user-settings"
 		class="q-pa-lg row"
 	>
 		<div

src/pages/CscPageVoicebox.vue

@@ -1,5 +1,6 @@
 <template>
 	<csc-page
+		id="csc-page-voicebox"
 		class="row q-pa-lg"
 	>
 		<q-list