chore: update failing tests (#1592)

<!-- ## Title: Please consider adding the [skip chromatic] flag to the
PR title in case you dont need chromatic testing your changes. -->
## Description:
This PR address two failing tests in the audio component

## Definition of Reviewable:
<!-- *PR notes: Irrelevant elements should be removed.* -->
- [ ] Documentation is created/updated
- [ ] Migration Guide is created/updated
- [ ] E2E tests (features, a11y, bug fixes) are created/updated
<!-- *If this PR includes a bug fix, an E2E test is necessary to verify
the change. If the fix is purely visual, ensuring it is captured within
our chromatic screenshot tests is sufficient.* -->
- [ ] Stories (features, a11y) are created/updated
- [ ] relevant tickets are linked

packages/components/src/components/audio/audio.test.ts

@@ -1,4 +1,5 @@
 import { expect, fixture, html } from '@open-wc/testing';
+import base64Audio from './base64Audio';
 import sinon from 'sinon';
 import type SdAudio from './audio';
 
@@ -12,7 +13,7 @@ describe('<sd-audio>', () => {
   it('should emit sd-playback-start event when play buttons is clicked', async () => {
     const el = await fixture<SdAudio>(html`
       <sd-audio>
-        <audio slot="default" src="test-audio.mp3"></audio>
+        <audio src="${base64Audio}"></audio>
       </sd-audio>
     `);
 
@@ -30,7 +31,7 @@ describe('<sd-audio>', () => {
   it('should emit sd-playback-mute event when mute button is clicked', async () => {
     const el = await fixture<SdAudio>(html`
       <sd-audio>
-        <audio slot="default" src="test-audio.mp3"></audio>
+        <audio src="${base64Audio}"></audio>
       </sd-audio>
     `);
 
@@ -48,7 +49,7 @@ describe('<sd-audio>', () => {
   it('should hide the timestamps when the attribute is set', async () => {
     const el = await fixture<SdAudio>(html`
       <sd-audio hide-timestamps>
-        <audio slot="default" src="test-audio.mp3"></audio>
+        <audio src="${base64Audio}"></audio>
       </sd-audio>
     `);
 
@@ -60,7 +61,7 @@ describe('<sd-audio>', () => {
   it('should render the canvas when the animated attribute is set', async () => {
     const el = await fixture<SdAudio>(html`
       <sd-audio animated>
-        <audio slot="default" src="test-audio.mp3"></audio>
+        <audio src="${base64Audio}"></audio>
       </sd-audio>
     `);
 
@@ -72,7 +73,7 @@ describe('<sd-audio>', () => {
   it('should emit sd-transcript-click event when transcript button is clicked', async () => {
     const el = await fixture<SdAudio>(html`
       <sd-audio>
-        <audio src="test-audio.mp3"></audio>
+        <audio src="${base64Audio}"></audio>
         <div slot="transcript">Transcript</div>
       </sd-audio>
     `);