M3-6614 Add Cypress tests for Linode landing page 'Summary View'

[cliu-akamai]

Description 📝

Add Cypress tests for Linode landing page "Summary View" button

Major Changes 🔄

• Add test to verify "Summary View" button works as expected.

How to test 🧪

yarn cy:run -s "cypress/e2e/core/linodes/smoke-linode-landing-table.spec.ts"

[jdamore-linode]

@cliu-akamai I'm hoping to take a look at this before you merge if you wouldn't mind waiting, I've been held up by region testing but am hoping to look at this today

[jdamore-linode]

I think in this case adding a data-qa attribute would be better: it's difficult to tell which element is being selected here, and it's a little bit fragile to changes that could be made to the component.

Instead, I'd add the following data attribute to the component in src/features/Linodes/LinodesLanding/CardView.tsx ln 92:

// Currently: <Grid className={`${classes.summaryOuter} py0`} xs={12}>
<Grid className={`${classes.summaryOuter} py0`} xs={12} data-qa-linode-card={linode.id}>

Then, in the test, you can select the card like this:

cy.findByText(linode.label)
  .should('be.visible')
  .closest('[data-qa-linode-card]')