test(DsfrHighlight): ✅ use storybook play

and remove cypress tests

Author: laruiss

src/components/DsfrHighlight/DsfrHighlight.e2e.ts

@@ -1,3 +1,4 @@
+import { within, expect } from '@storybook/test'
 import DsfrHighlight from './DsfrHighlight.vue'
 
 /**
@@ -44,6 +45,11 @@ MiseEnExergue.args = {
   large: false,
   text: 'Texte original de la mise en exergue',
 }
+MiseEnExergue.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement)
+  const highlight = canvas.getByText(MiseEnExergue.args.text)
+  expect(highlight).toBeVisible()
+}
 
 export const MiseEnExergueAvecSlot = (args) => ({
   components: {
@@ -60,12 +66,18 @@ export const MiseEnExergueAvecSlot = (args) => ({
       :small="small"
       :large="large"
     >
-      <p v-if="!text">Le fameux slot mis en exergue</p>
+      <template v-if="!text">{{ slotText }}</template>
     </DsfrHighlight>
   `,
 })
 MiseEnExergueAvecSlot.args = {
   small: false,
   large: false,
   text: '',
+  slotText: 'Le fameux slot mis en exergue',
+}
+MiseEnExergueAvecSlot.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement)
+  const highlight = canvas.getByText(MiseEnExergueAvecSlot.args.slotText)
+  expect(highlight).toBeVisible()
 }