Add test-ids to create resource dropdown items

ui/cypress/e2e/dashboardsIndex.test.ts

@@ -24,7 +24,7 @@ describe('Dashboards', () => {
       .contains('Create')
       .click()
 
-    cy.getByTestID('dropdown--item New Dashboard').click()
+    cy.getByTestID('dropdown--item new').click()
 
     cy.fixture('routes').then(({orgs}) => {
       cy.get<Organization>('@org').then(({id}) => {
@@ -40,7 +40,7 @@ describe('Dashboards', () => {
       .contains('Create')
       .click()
 
-    cy.getByTestID('dropdown--item New Dashboard').click()
+    cy.getByTestID('dropdown--item new').click()
 
     cy.fixture('routes').then(({orgs}) => {
       cy.get<Organization>('@org').then(({id}) => {
@@ -61,7 +61,7 @@ describe('Dashboards', () => {
       .contains('Create')
       .click()
 
-    cy.getByTestID('dropdown--item From a Template').click()
+    cy.getByTestID('dropdown--item template').click()
 
     cy.getByTestID('template--Bashboard-Template').click()
 

ui/cypress/e2e/tasks.test.ts

@@ -22,7 +22,7 @@ describe('Tasks', () => {
       cy.contains('Create').click()
     })
 
-    cy.getByTestID('dropdown--item New Task').click()
+    cy.getByTestID('dropdown--item new').click()
 
     cy.getByInputName('name').type(taskName)
     cy.getByInputName('interval').type('24h')
@@ -110,7 +110,7 @@ describe('Tasks', () => {
       cy.contains('Create').click()
     })
 
-    cy.getByTestID('dropdown--item New Task').click()
+    cy.getByTestID('dropdown--item new').click()
 
     cy.getByInputName('name').type('🦄ask')
     cy.getByInputName('interval').type('24h')

ui/cypress/e2e/variables.test.ts

@@ -15,7 +15,7 @@ describe('Variables', () => {
       cy.contains('Create').click()
     })
 
-    cy.getByTestID('dropdown--item New Variable').click()
+    cy.getByTestID('dropdown--item new').click()
 
     cy.getByInputName('name').type('Little Variable')
     cy.getByTestID('flux-editor').within(() => {

ui/src/dashboards/components/dashboard_index/Table.tsx

@@ -133,6 +133,7 @@ class DashboardsTable extends PureComponent<Props, State> {
           onSelectImport={onImportDashboard}
           onSelectTemplate={this.summonImportFromTemplateOverlay}
           resourceName="Dashboard"
+          canImportFromTemplate={true}
         />
       </EmptyState>
     )

ui/src/shared/components/AddResourceDropdown.tsx

@@ -58,10 +58,20 @@ export default class AddResourceDropdown extends PureComponent<Props> {
     const templateOption = this.templateOption
 
     const items = [
-      <Dropdown.Item id={newOption} key={newOption} value={newOption}>
+      <Dropdown.Item
+        id={newOption}
+        key={newOption}
+        value={newOption}
+        testID="dropdown--item new"
+      >
         {newOption}
       </Dropdown.Item>,
-      <Dropdown.Item id={importOption} key={importOption} value={importOption}>
+      <Dropdown.Item
+        id={importOption}
+        key={importOption}
+        value={importOption}
+        testID="dropdown--item import"
+      >
         {importOption}
       </Dropdown.Item>,
     ]
@@ -72,6 +82,7 @@ export default class AddResourceDropdown extends PureComponent<Props> {
           id={templateOption}
           key={templateOption}
           value={templateOption}
+          testID="dropdown--item template"
         >
           {templateOption}
         </Dropdown.Item>