Resource Card Editable Name TestID is not on clickable element

[alexpaxton]

The onClick handler is not on the same element as the one receiving the testID prop. This requires some extra steps in e2e tests to select the element with the click handler

[alexpaxton]

Example component:

<ResourceCard.EditableName
  onClick={this.handleClickDashboard}
  testID="dashboard-card--name"
/>

Having to write a test like so:

cy.getByTestID('dashboard-card--name').within(() => {
  cy.get('.cf-resource-name--text').click()
})

When it should be written like:

cy.getByTestID('dashboard-card--name').click()