add a bunch of element navigation attributes

src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html

@@ -1,4 +1,4 @@
-<div data-element="overlay-editor-picker" class="umb-overlay-body" ng-controller="Umbraco.Overlays.EditorPickerOverlay as vm">
+<div class="umb-overlay-body" ng-controller="Umbraco.Overlays.EditorPickerOverlay as vm">
 
 	<!-- FILTER -->
 	<div class="umb-control-group -no-border">
@@ -110,6 +110,7 @@
 	</div>
 
 	<umb-overlay
+		data-element="overlay-editor-settings"
 		ng-if="vm.editorSettingsOverlay.show"
 		model="vm.editorSettingsOverlay"
 		position="right"

src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorsettings/editorsettings.html

@@ -1,4 +1,4 @@
-<div data-element="overlay-editor-settings">
+<div>
 
     <div class="umb-control-group" ng-if="model.dataType.id !== 0">
     <i class="icon-alert red"></i>

src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/propertysettings/propertysettings.html

@@ -1,4 +1,4 @@
-<div data-element="overlay-property-settings" class="content-type-editor-dialog edit-property-settings" ng-controller="Umbraco.Overlay.PropertySettingsOverlay as vm">
+<div class="content-type-editor-dialog edit-property-settings" ng-controller="Umbraco.Overlay.PropertySettingsOverlay as vm">
 
    <div class="umb-control-group">
        <div class="control-group">
@@ -105,6 +105,7 @@
    </div>
 
    <umb-overlay
+      data-element="overlay-editor-picker"
       ng-if="vm.editorPickerOverlay.show"
       model="vm.editorPickerOverlay"
       position="right"
@@ -112,6 +113,7 @@
    </umb-overlay>
 
    <umb-overlay
+      data-element="overlay-editor-settings"
       ng-if="vm.editorSettingsOverlay.show"
       model="vm.editorSettingsOverlay"
       position="right"

src/Umbraco.Web.UI.Client/src/views/components/content/edit.html

@@ -24,7 +24,7 @@
             <umb-tabs-content class="form-horizontal" view="true">
                <umb-tab id="tab{{tab.id}}" ng-repeat="tab in content.tabs" rel="{{tab.id}}">
 
-                  <umb-property ng-repeat="property in tab.properties" property="property">
+                  <umb-property data-element="property-{{property.alias}}" ng-repeat="property in tab.properties" property="property">
                      <umb-editor model="property"></umb-editor>
                   </umb-property>
 

src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html

@@ -1,7 +1,8 @@
 <div>
   <ul class="umb-sub-views-nav" ng-if="showNavigation">
       <li ng-repeat="item in navigation">
-         <a tabindex="-1"
+         <a data-element="sub-view-{{item.alias}}"
+         tabindex="-1"
          class="umb-sub-views-nav-item"
          href=""
          ng-click="clickNavigationItem(item)"

src/Umbraco.Web.UI.Client/src/views/components/tabs/umb-tabs-nav.html

@@ -1,5 +1,5 @@
 <ul class="nav nav-tabs umb-nav-tabs">
-  <li ng-class="{'tab-error': tabHasError}" ng-repeat="tab in model" val-tab>
+  <li data-element="tab-{{tab.alias}}" ng-class="{'tab-error': tabHasError}" ng-repeat="tab in model" val-tab>
     <a data-toggle="tab" href="#tab{{tab.id}}{{idSuffix}}">{{ tab.label }}</a>
   </li>
 </ul>

src/Umbraco.Web.UI.Client/src/views/components/umb-groups-builder.html

@@ -288,17 +288,19 @@
     </ul>
 
     <umb-overlay
-            ng-if="compositionsDialogModel.show"
-            model="compositionsDialogModel"
-            position="right"
-            view="compositionsDialogModel.view">
+        data-element="overlay-compositions"
+        ng-if="compositionsDialogModel.show"
+        model="compositionsDialogModel"
+        position="right"
+        view="compositionsDialogModel.view">
     </umb-overlay>
 
     <umb-overlay
-            ng-if="propertySettingsDialogModel.show"
-            model="propertySettingsDialogModel"
-            position="right"
-            view="propertySettingsDialogModel.view">
+        data-element="overlay-property-settings"
+        ng-if="propertySettingsDialogModel.show"
+        model="propertySettingsDialogModel"
+        position="right"
+        view="propertySettingsDialogModel.view">
     </umb-overlay>
 
 </div>

src/Umbraco.Web.UI.Client/src/views/dashboard/dashboard.tabs.controller.js

@@ -82,56 +82,56 @@ function startUpDynamicContentController(dashboardResource, assetsService, tourS
                     event: "click"
                 },
                 {
-                    element: "[data-element='overlay-property-settings']",
+                    element: "[data-element~='overlay-property-settings']",
                     title: "Property dialog",
                     content: "Something something something about the dialog"
                 },
                 {
-                    element: "[data-element='overlay-property-settings'] [data-element='property-name']",
+                    element: "[data-element~='overlay-property-settings'] [data-element='property-name']",
                     title: "Enter a name",
                     content: "Enter a name for the property editor"
                 },
                 {
-                    element: "[data-element='overlay-property-settings'] [data-element='property-description']",
+                    element: "[data-element~='overlay-property-settings'] [data-element='property-description']",
                     title: "Enter a description",
                     content: "Enter a description for the property editor"
                 },
                 {
-                    element: "[data-element='overlay-property-settings'] [data-element='editor-add']",
+                    element: "[data-element~='overlay-property-settings'] [data-element='editor-add']",
                     title: "Add editor",
                     content: "Something something something",
                     event: "click"
                 },
                 {
-                    element: "[data-element='overlay-editor-picker']",
+                    element: "[data-element~='overlay-editor-picker']",
                     title: "Editor picker dialog",
                     content: "Something something something about the editor picker dialog. This is here you select the type of property bla bla bla."
                 },
                 {
-                    element: "[data-element='overlay-editor-picker'] [data-element='editor-Umbraco.Date']",
+                    element: "[data-element~='overlay-editor-picker'] [data-element='editor-Umbraco.MediaPicker2']",
                     title: "Select the Date editor",
                     content: "Something something something about the editor settings dialog",
                     event: "click"
                 },
                 {
-                    element: "[data-element='overlay-editor-settings']",
+                    element: "[data-element~='overlay-editor-settings']",
                     title: "Editor settings dialog",
                     content: "A loong story about the editor settings dialog...bla bla bla bla bla"
                 },
                 {
-                    element: "[data-element='overlay-submit']",
+                    element: "[data-element~='overlay-editor-settings'] [data-element='overlay-submit']",
                     title: "Submit the editor settings dialog",
                     content: "Click submit to save your changes",
                     event: "click"
                 },
                 {
-                    element: "[data-element='overlay-submit']",
+                    element: "[data-element~='overlay-property-settings'] [data-element='overlay-submit']",
                     title: "Submit the property settings dialog",
                     content: "Click submit to save your changes",
                     event: "click"
                 },
                 {
-                    element: "[data-element='overlay-submit']",
+                    element: "[data-element='button-group-primary']",
                     title: "Submit the property settings dialog",
                     content: "Click submit to save your changes",
                     event: "click"
@@ -242,6 +242,11 @@ function startUpDynamicContentController(dashboardResource, assetsService, tourS
                     title: "Give your template a name",
                     content: "Create a new template"
                 },
+                {
+                    element: "[data-element='editor-templates'] [data-element='code-editor']",
+                    title: "Give your template a name",
+                    content: "Create a new template"
+                },
                 {
                     element: "[data-element='editor-templates'] [data-element='button-save']",
                     title: "Give your template a name",

src/Umbraco.Web.UI.Client/src/views/datatypes/create.html

@@ -4,7 +4,7 @@
         <h5><localize key="create_createUnder">Create an item under</localize> {{currentNode.name}}</h5>
 
         <ul class="umb-actions umb-actions-child">           
-            <li>
+            <li data-element="action-data-type">
                 <a href="" ng-click="createDataType()" umb-auto-focus>
                     <i class="large icon-autofill"></i>
                     <span class="menu-label">
@@ -12,7 +12,7 @@
                     </span>
                 </a>
             </li>
-            <li>
+            <li data-element="action-folder">
                 <a href="" ng-click="showCreateFolder()">
                     <i class="large icon-folder"></i>
                     <span class="menu-label">

src/Umbraco.Web.UI.Client/src/views/documenttypes/edit.controller.js

@@ -25,23 +25,27 @@
         vm.page.saveButtonState = "init";
         vm.page.navigation = [
 			{
-			    "name": localizationService.localize("general_design"),
+                "name": localizationService.localize("general_design"),
+                "alias": "design",
 			    "icon": "icon-document-dashed-line",
 			    "view": "views/documenttypes/views/design/design.html",
 			    "active": true
 			},
 			{
-			    "name": localizationService.localize("general_listView"),
+                "name": localizationService.localize("general_listView"),
+                "alias": "listView",
 			    "icon": "icon-list",
 			    "view": "views/documenttypes/views/listview/listview.html"
 			},
 			{
-			    "name": localizationService.localize("general_rights"),
+                "name": localizationService.localize("general_rights"),
+                "alias": "permissions",
 			    "icon": "icon-keychain",
 			    "view": "views/documenttypes/views/permissions/permissions.html"
 			},
 			{
-			    "name": localizationService.localize("treeHeaders_templates"),
+                "name": localizationService.localize("treeHeaders_templates"),
+                "alias": "templates",
 			    "icon": "icon-layout",
 			    "view": "views/documenttypes/views/templates/templates.html"
 			}

src/Umbraco.Web.UI.Client/src/views/media/create.html

@@ -11,7 +11,7 @@
 			<li class="action">
 				<ul class="umb-actions-child">
 
-					<li ng-repeat="docType in allowedTypes">
+					<li data-element="action-{{docType.alias}}" ng-repeat="docType in allowedTypes">
 					    <a href="#media/media/edit/{{currentNode.id}}?doctype={{docType.alias}}&create=true" ng-click="nav.hideNavigation()">
 
 					        <i class="large {{docType.icon}}"></i>

src/Umbraco.Web.UI.Client/src/views/media/edit.html

@@ -22,7 +22,7 @@
             <umb-tabs-content view="true" class="form-horizontal">
                <umb-tab id="tab{{tab.id}}" rel="{{tab.id}}" ng-repeat="tab in content.tabs">
 
-                  <umb-property property="property" ng-repeat="property in tab.properties">
+                  <umb-property data-element="property-{{property.alias}}" property="property" ng-repeat="property in tab.properties">
                      <umb-editor model="property"></umb-editor>
                   </umb-property>
 
@@ -47,6 +47,7 @@
             <umb-editor-footer-content-right>
 
                <umb-button
+                  data-element="button-return-to-list"
                   ng-if="page.listViewPath"
                   type="link"
                   href="#{{page.listViewPath}}"
@@ -55,6 +56,7 @@
                </umb-button>
 
                <umb-button
+                  data-element="button-save"
                   type="submit"
                   label="Save"
                   label-key="buttons_save"

src/Umbraco.Web.UI.Client/src/views/scripts/edit.html

@@ -21,6 +21,7 @@
             <umb-editor-container>
 
                 <div
+                    data-element="code-editor"
                     auto-scale="85"
                     umb-ace-editor="vm.aceOption"
                     model="vm.script.content">

src/Umbraco.Web.UI.Client/src/views/templates/edit.html

@@ -30,6 +30,7 @@
                         <div ng-class="{'btn-group umb-era-button-group': vm.template.masterTemplateAlias}" style="margin-right: 10px;">
                             
                             <button
+                                data-element="button-master-template"
                                 type="button"
                                 class="umb-era-button umb-button--s"
                                 ng-click="vm.openMasterTemplateOverlay()">
@@ -53,6 +54,7 @@
                         <div class="btn-group umb-era-button-group dropdown" style="margin-right: 10px;">
                             
                             <button
+                                data-element="button-insert"
                                 type="button"
                                 class="umb-era-button umb-button--s"
                                 ng-click="vm.openInsertOverlay()">
@@ -73,6 +75,7 @@
                         </div>
 
                         <button
+                            data-element="button-query-builder"
                             type="button"
                             style="margin-right: 10px;"
                             class="umb-era-button umb-button--s"
@@ -81,6 +84,7 @@
                         </button>
 
                         <button
+                            data-element="button-sections"
                             type="button"
                             class="umb-era-button umb-button--s"
                             ng-click="vm.openSectionsOverlay()">
@@ -92,6 +96,7 @@
                 </div>
 
                 <div
+                    data-element="code-editor"
                     auto-scale="85"
                     umb-ace-editor="vm.aceOption"
                     model="vm.template.content">