diff --git a/packages/web-components/src/components/feature-card/__stories__/feature-card.stories.ts b/packages/web-components/src/components/feature-card/__stories__/feature-card.stories.ts index be5d9aebde6..886f9160955 100644 --- a/packages/web-components/src/components/feature-card/__stories__/feature-card.stories.ts +++ b/packages/web-components/src/components/feature-card/__stories__/feature-card.stories.ts @@ -96,7 +96,7 @@ export const Large = (args) => { ${eyebrow} ${heading} - ${copy && html`

`} + ${copy ? html`

${copy}

` : ''} `; diff --git a/packages/web-components/tests/e2e-storybook/cypress/integration/feature-card/feature-card.e2e.js b/packages/web-components/tests/e2e-storybook/cypress/integration/feature-card/feature-card.e2e.js index efe89a4b5c8..fdd56450121 100644 --- a/packages/web-components/tests/e2e-storybook/cypress/integration/feature-card/feature-card.e2e.js +++ b/packages/web-components/tests/e2e-storybook/cypress/integration/feature-card/feature-card.e2e.js @@ -62,10 +62,10 @@ describe('c4d-feature-card | medium', () => { }); }); - it.skip('should have image on the left and content on the right side of the card', () => { + it('should have image on the left and content on the right side of the card', () => { // image takes the left half cy.get('c4d-image').then(($image) => { - expect($image[0].getBoundingClientRect().left).to.equal(32); + expect($image[0].getBoundingClientRect().left).to.equal(33); expect($image[0].getBoundingClientRect().right).to.equal(328); }); @@ -75,7 +75,7 @@ describe('c4d-feature-card | medium', () => { .find('.cds--card__wrapper') .then(($content) => { expect($content[0].getBoundingClientRect().left).to.equal(328); - expect($content[0].getBoundingClientRect().right).to.equal(624); + expect($content[0].getBoundingClientRect().right).to.equal(623); }); }); @@ -161,16 +161,17 @@ describe('c4d-feature-card | large', () => { }); }); - it.skip('should have eyebrow, heading, and copy content', () => { + it('should have eyebrow, heading, and copy content', () => { cy.get('c4d-card-eyebrow').invoke('text').should('not.be.empty'); cy.get('c4d-card-heading').invoke('text').should('not.be.empty'); cy.get('c4d-feature-card > p').invoke('text').should('not.be.empty'); }); + - it.skip('should have image on the left and content on the right half of the card', () => { + it('should have image on the left and content on the right half of the card', () => { // image takes the left half cy.get('c4d-image').then(($image) => { - expect($image[0].getBoundingClientRect().left).to.equal(16); + expect($image[0].getBoundingClientRect().left).to.equal(33); expect($image[0].getBoundingClientRect().right).to.equal(529); }); @@ -180,7 +181,7 @@ describe('c4d-feature-card | large', () => { .find('.cds--card__wrapper') .then(($content) => { expect($content[0].getBoundingClientRect().left).to.equal(529); - expect($content[0].getBoundingClientRect().right).to.equal(1042); + expect($content[0].getBoundingClientRect().right).to.equal(1025); }); });