diff --git a/nala/blocks/aside/aside.test.js b/nala/blocks/aside/aside.test.js index 343a3d0d2b..935539fbe8 100644 --- a/nala/blocks/aside/aside.test.js +++ b/nala/blocks/aside/aside.test.js @@ -34,7 +34,7 @@ test.describe('Aside Block test suite', () => { const bgdColor = await Aside.asideSmall.evaluate( (e) => window.getComputedStyle(e).getPropertyValue('background-color'), ); - expect(bgdColor).toBe(Aside.props.background.lightGrey1); + expect([Aside.props.background.lightGrey1, Aside.props.background.lightGrey3]).toContain(bgdColor); }); await test.step('step-3: Verify the accessibility test on the Aside Small block', async () => { @@ -69,7 +69,7 @@ test.describe('Aside Block test suite', () => { expect(await Aside.actionButtons.count()).toEqual(2); // Check Aside block background: const bgdColor = await Aside.asideMedium.evaluate((e) => window.getComputedStyle(e).getPropertyValue('background-color')); - expect(bgdColor).toBe(Aside.props.background.lightGrey1); + expect([Aside.props.background.lightGrey1, Aside.props.background.lightGrey3]).toContain(bgdColor); }); await test.step('step-3: Verify the accessibility test on the Aside Medium block', async () => { @@ -103,7 +103,7 @@ test.describe('Aside Block test suite', () => { expect(await Aside.actionButtons.count()).toEqual(2); // Check Aside block background: const bgdColor = await Aside.asideLarge.evaluate((e) => window.getComputedStyle(e).getPropertyValue('background-color')); - expect(bgdColor).toBe(Aside.props.background.lightGrey1); + expect([Aside.props.background.lightGrey1, Aside.props.background.lightGrey3]).toContain(bgdColor); }); await test.step('step-3: Verify the accessibility test on the Aside Large block', async () => { diff --git a/test/blocks/aside/aside.test.js b/test/blocks/aside/aside.test.js index d0793c430b..8eadd8c382 100644 --- a/test/blocks/aside/aside.test.js +++ b/test/blocks/aside/aside.test.js @@ -20,7 +20,7 @@ describe('aside', () => { it('allows a background color', async () => { const el = await waitForElement('#test-default'); - expect(window.getComputedStyle(el)?.backgroundColor).to.equal('rgb(238, 238, 238)'); + expect(window.getComputedStyle(el)?.backgroundColor).to.be.oneOf(['rgb(249, 249, 249)', 'rgb(238, 238, 238)']); }); it('allows a background image', async () => {