Add e2e test for CC expired banner

packages/manager/cypress/e2e/core/billing/credit-card-expired-banner.spec.ts

@@ -0,0 +1,36 @@
+import { accountFactory } from 'src/factories';
+import { mockGetAccount } from 'support/intercepts/account';
+import { mockGetUserPreferences } from 'support/intercepts/profile';
+import { ui } from 'support/ui';
+
+const creditCardExpiredBannerNotice =
+  'Your credit card has expired! Please update your payment details.';
+
+describe('Credit Card Expired Banner', () => {
+  beforeEach(() => {
+    mockGetUserPreferences({ dismissed_notifications: {} });
+  });
+
+  it('appears when the expiration date is in the past', () => {
+    mockGetAccount(
+      accountFactory.build({ credit_card: { expiry: '01/2000' } })
+    ).as('getAccount');
+    cy.visitWithLogin('/');
+    cy.wait('@getAccount');
+    cy.findByText(creditCardExpiredBannerNotice).should('be.visible');
+    ui.button.findByTitle('Update Card').should('be.visible').click();
+
+    // clicking on the link navigates to /account/billing
+    cy.url().should('endWith', '/account/billing');
+  });
+
+  it('does not appear when the expiration date is in the future', () => {
+    mockGetAccount(
+      accountFactory.build({ credit_card: { expiry: '01/2999' } })
+    ).as('getAccount');
+    cy.visitWithLogin('/account/billing');
+    cy.wait('@getAccount');
+    cy.findByText('Payment Methods').should('be.visible');
+    cy.findByText(creditCardExpiredBannerNotice).should('not.exist');
+  });
+});