• Testergebnisse
  • Notizen zu Fails
• Welche Komponenten updaten sich überhaupt
• Generelle Notizen

Testergebnisse

Framework	✅ Passed	⚠️ Flaky	❌ Failed
Angular	112	0	0
Astro	105	2	5
Next	108	2	2
Nuxt	112	0	0
React	111	1	0
Vue	109	3	0

Notizen zu Fails

• Astro
  • Alle Page Load Test unter Firefox (200-600ms über 2000ms-Grenze) und State Change (Media Selection, minimale Reaktionszeit 18-31ms über 100ms-Grenze) unter Webkit failen
  • State Change (Caption Change, minimale Reaktionszeit 108 -> 76ms) unter Webkit und State Change (Post Creation, minimale Reaktionszeit 102 -> 84ms) unter Mobile Safari sind flaky
• Next
  • State Change (Media Selection, minimale Reaktionszeit 13-28ms über 100ms-Grenze) unter Webkit und State Change (Post Creation, minimale Reaktionszeit 5-15ms über 100ms-Grenze) unter Webkit failen
  • State Change (Caption Change, minimale Reaktionszeit 119 -> 94ms) unter Mobile Safari und State Change (Post Creation, minimale Reaktionszeit 119 -> 114 -> 98ms) unter Mobile Safari sind flaky
• React
  • State Change (Media Selection, minimale Reaktionszeit 502 -> 66ms) unter Firefox ist flaky
• Vue
  • State Change (Media Selection, minimale Reaktionszeit 480 -> 62ms) unter Firefox, State Change (Media Source Insert, minimale Reaktionszeit 106 -> 79ms) unter Webkit und State Change (Caption Change, minimale Reaktionszeit 108 -> 71ms) unter Mobile Safari are flaky

Welche Komponenten updaten sich überhaupt

• Angular
  • Caption Change: Caption <p> Paragraph + <span>-Elemente
  • Media Selection: Media Component <app-media-component> + <img>-Element
  • Media Source Insert: Media Component <app-media-component> + <img>-Element
  • Post Creation: Caption <p> Paragraph + <span>-Elemente + Media Component <app-media-component> + <img>-Element
• Astro
  • Caption Change: Caption <p> Paragraph + <span>-Elemente + Textarea aus dem Create-Formular
  • Media Selection: Gesamte Astro-Island (Formular + Post) + <img>-Element
  • Media Source Insert: Gesamte Astro-Island (Formular + Post) + <img>-Element
  • Post Creation: Caption <p> Paragraph + <span>-Elemente + Textarea aus dem Create-Formular + esamte Astro-Island (Formular + Post) + <img>-Element
• Next
  • Caption Change: Caption <p> Paragraph + <span>-Elemente + Textarea aus dem Create-Formular
  • Media Selection: Media Component <app-media-component> + <img>-Element
  • Media Source Insert: Media Component <app-media-component> + <img>-Element
  • Post Creation: Caption <p> Paragraph + <span>-Elemente + Textarea aus dem Create-Formular + esamte Astro-Island (Formular + Post) + <img>-Element
• Nuxt
  • Caption Change: Caption <p> Paragraph + <span>-Elemente
  • Media Selection: <main>-Element und <img>-Element darin
  • Media Source Insert: <main>-Element und <img>-Element darin
  • Post Creation: Caption <p> Paragraph + <span>-Elemente + <main>-Element und <img>-Element darin
• React
  • Caption Change: Caption <p> Paragraph + <span>-Elemente + Textarea aus dem Create-Formular
  • Media Selection: <main>-Element und <img>-Element darin
  • Media Source Insert: <main>-Element und <img>-Element darin
  • Post Creation: Caption <p> Paragraph + <span>-Elemente + Textarea aus dem Create-Formular + <main>-Element und <img>-Element darin
• Vue
  • Caption Change: Caption <p> Paragraph + <span>-Elemente
  • Media Selection: Media Component <div> + <img>-Element
  • Media Source Insert: Media Component <div> + <img>-Element
  • Post Creation: Caption <p> Paragraph + <span>-Elemente + Media Component <div> + <img>-Element

Generelle Notizen

• Attributänderungen werden vom State-Change-Test nicht erkannt: Post-Button ändert seine Klasse, aber kein Update wird gespeichert
  • Attributsupdates müssen auch gemessen werden