text: const HomePromotionCard1 = require('../../test-utils/component-objects/f-content-cards-home-promotion-card1.component');
  const HomePromotionCard2 = require('../../test-utils/component-objects/f-content-cards-home-promotion-card2.component');
  
  let card;
  let card2;
  
  describe('home promotion card 1 component tests', () => {
      beforeEach(() => {
          card = new HomePromotionCard1();
          card2 = new HomePromotionCard2();
          card.load();
      });
  
      it('should display the card', () => {
          // Assert
          expect(card.isComponentDisplayed()).toBe(true);
      });
  
      it('should display the elements of the card', () => {
          // Assert
          expect(card.isInnerContainerDisplayed()).toBe(true);
          expect(card.isHeaderDisplayed()).toBe(true);
          expect(card.isImageDisplayed()).toBe(true);
          expect(card.isSubtitleDisplayed()).toBe(true);
      });
  
      it('should display the elements of the inner card', () => {
          // Why does this pass when the second card was not loaded?
          // Because loading card is enough to make these tests pass?
          // Or something more nefarious??!
          // Assert
          expect(card2.isComponentDisplayed()).toBe(true);
          expect(card2.isCallToActionDisplayed()).toBe(true);
          expect(card2.isTextDisplayed()).toBe(true);
          expect(card2.isTitleDisplayed()).toBe(true);
          expect(card2.isBackgroundImageDisplayed()).toBe(true);
      });
  
      it('should check that the card is clickable', () => {
          // Assert
          expect(card.isComponentClickable()).toBe(true);
      });
  
      it('should check that the inner-card is clickable', () => {
          // Assert
          expect(card2.isComponentClickable()).toBe(true);
      });
  });
  