search

public-ui / kolibri

The accessible HTML-Standard
https://public-ui.github.io
European Union Public License 1.2
169 stars 33 forks source link

Beispiele für Smart-Button an Inputs erstellen und automatische Tests #6783

Closed deleonio closed 1 month ago

deleonio commented 2 months ago

Als Entwickler,
möchte ich an jeder Input-Komponente, die Smart-Buttons unterstützt, ein einfaches Beispiel sehen,
damit ich verstehe, wie der Button den Callback auslöst und wie ich ihn in meinen eigenen Projekten verwenden kann.

Akzeptanzkriterien:

  1. Smart-Button Beispiele:

    • Bei der InputText-Komponente wird eine neue Besipielseite hinzugefügt: input-text > smart-button
    • Beim Klicken des Smart-Buttons wird eine einfache Toast-Message angezeigt, um den Callback zu demonstrieren.
    • Die Toast-Message zeigt z.B. an: "Smart-Button gedrückt!".
    • Die Implementierung ist so gehalten, dass andere Entwickler den Code leicht anpassen können.

  2. Automatisierte Tests:

    • Es gibt automatisierte Tests, die sicherstellen, dass das Klicken des Smart-Buttons die Toast-Message korrekt auslöst.
    • Die Tests überprüfen, dass der Callback des Smart-Buttons ordnungsgemäß funktioniert.

Hinweis