Basic MyDSpace tests. Fix basic accessibility issues found

cypress/integration/my-dspace.spec.ts

@@ -0,0 +1,38 @@
+import { Options } from 'cypress-axe';
+import { TEST_ADMIN_USER, TEST_ADMIN_PASSWORD } from 'cypress/support';
+import { testA11y } from 'cypress/support/utils';
+
+describe('My DSpace page', () => {
+    it('should display recent submissions', () => {
+        cy.login(TEST_ADMIN_USER, TEST_ADMIN_PASSWORD);
+
+        // This is the GET command that will automatically search for recent submissions
+        cy.intercept('GET', '/server/api/discover/search/objects*').as('search-results');
+
+        cy.visit('/mydspace');
+
+        // Wait for search results to come back from the above GET command
+        cy.wait('@search-results');
+
+        // At least one recent submission should be displayed
+        cy.get('ds-item-search-result-list-element-submission').should('be.visible');
+    });
+
+    it('should pass accessibility tests', () => {
+        cy.login(TEST_ADMIN_USER, TEST_ADMIN_PASSWORD);
+        cy.visit('/mydspace');
+
+        cy.get('ds-my-dspace-page').should('exist');
+
+        // Analyze <ds-search-page> for accessibility issues
+        testA11y('ds-my-dspace-page',
+            {
+                rules: {
+                    // Search filters fail these two "moderate" impact rules
+                    'heading-order': { enabled: false },
+                    'landmark-unique': { enabled: false }
+                }
+            } as Options
+        );
+    });
+});

src/app/my-dspace-page/my-dspace-new-submission/my-dspace-new-external-dropdown/my-dspace-new-external-dropdown.component.html

@@ -8,7 +8,7 @@
   <div class="add w-100" display="dynamic" placement="bottom-right"
        ngbDropdown
        *ngIf="(moreThanOne$ | async)">
-    <button class="btn btn-lg btn-outline-primary mt-1 ml-2" id="dropdownSubmission" ngbDropdownToggle
+    <button class="btn btn-lg btn-outline-primary mt-1 ml-2" id="dropdownImport" ngbDropdownToggle
             type="button" [disabled]="!(initialized$|async)"
             attr.aria-label="{{'mydspace.new-submission-external' | translate}}"
             title="{{'mydspace.new-submission-external' | translate}}">
@@ -17,8 +17,8 @@
     </button>
     <div ngbDropdownMenu
          class="dropdown-menu"
-         id="entityControlsDropdownMenu"
+         id="importControlsDropdownMenu"
-         aria-labelledby="dropdownSubmission">
+         aria-labelledby="dropdownImport">
       <ds-entity-dropdown [isSubmission]="false" (selectionChange)="openPage($event)"></ds-entity-dropdown>
     </div>
   </div>

src/app/my-dspace-page/my-dspace-new-submission/my-dspace-new-external-dropdown/my-dspace-new-external-dropdown.component.scss

@@ -10,7 +10,7 @@
   flex: initial;
 }
 
-#entityControlsDropdownMenu {
+#importControlsDropdownMenu {
   min-width: 18rem;
   box-shadow: $btn-focus-box-shadow;
 }

src/app/my-dspace-page/my-dspace-new-submission/my-dspace-new-submission-dropdown/my-dspace-new-submission-dropdown.component.html

@@ -7,7 +7,9 @@
        ngbDropdown
        *ngIf="(moreThanOne$ | async)">
     <button class="btn btn-lg btn-primary mt-1 ml-2" id="dropdownSubmission" ngbDropdownToggle
-            type="button"  [disabled]="!(initialized$|async)">
+            type="button"  [disabled]="!(initialized$|async)"
+            attr.aria-label="{{'mydspace.new-submission' | translate}}"
+            title="{{'mydspace.new-submission' | translate}}">
       <i class="fa fa-plus-circle" aria-hidden="true"></i>
       <span class="caret"></span>
     </button>