Testing TinyMCE

Erstellt von philipp.jenni am 26.10.2018 / Letzte Änderung von philipp.jenni am 26.10.2018

Allgemeines

Die TestCases beschreiben die Funktionalität die durch Plugins in TinyMCE abgedeckt werden soll. Die Cases sind nicht abschliessend. Die Darstellung der Plugins im WYSIWYG Modus des TinyMCE wird in den Testcases als "Control" bezeichnet.

Testcases

Panel

  • Das "Control" kann über einen Button in der Symbolleiste hinzugefügt werden
  • Das "Control" kann über eine Action im Menü "Insert" des TinyMCE hinzugefügt werden
  • Beim Einfügen eines "Controls" wird über einen Dialog der Titel und der Collabse Status definiert
  • Das "Control" kann als Content alle HTML Elemente und alle anderen Plugins (z.B. Alarm Button, Elektro Warnung, Wizard usw.) beinhalten
  • Es muss möglich sein, ein Panel in ein Panel einzufügen.
  • Das Verhalten innerhalb des Contents des "Controls" muss Analog des Verhalten ausserhalb des "Controls" sein
  • Das "Control" darf nicht gelöscht werden, wenn Backspace oder Delete innerhalb des Panels gedrückt wird und kein Content mehr innerhalb des Panels vorhanden ist.
  • Das "Control" muss innerhalb des TinyMCE als Ganzes per Drag&Drop verschoben werden können
  • Die Eigenschaften des "Controls" können über den Button in der Symbolleiste oder das Menü bearbeitet werden, wenn man auf den Titel des Panels klickt.
  • Das "Control" muss bei Speichern sauberen HTML Code liefern (Alle Tags sind geschlossen, alle Sub Controls werden entsprechend übersetzt).

Wizard

  • Das "Control" kann über einen Button in der Symbolleiste hinzugefügt werden
  • Das "Control" kann über eine Action im Menü "Insert" des TinyMCE hinzugefügt werden
  • Ist man im Content eines WizardSteps, kann über die Symbolleiste ein WizardButton hinzugefügt werden.
  • Ist man im Content eines WizardSteps, kann über eine Action im Menü Insert ein WizardButton hinzugefügt werden.
  • Fügt man einen Wizard in den Content des TinyMCE ein, wird ein Dialog geöffnet, in welchem die Wizard Steps definiert werden können.
  • Es muss pro Wizard min. 2 WizardSteps geben
  • Die WizardSteps haben zwingend eine Bezeichnung welche im WYSIWYG Modus angezeigt werden.
  • Steps müssen nachträglich hinzugefügt oder entfernt werden können in dem man den Wizard wählt und den Button in der Symbolleiste oder im Menü anklickt
  • Das "Control" kann als Content alle HTML Elemente und alle anderen Plugins (z.B. Alarm Button, Elektro Warnung, Wizard usw.) beinhalten
  • Es ist nicht möglich, ein Wizard in einem Wizard zu erstellen
  • Das Verhalten innerhalb des Contents des "Controls" muss Analog des Verhalten ausserhalb des "Controls" sein
  • Das "Control" darf nicht gelöscht werden, wenn Backspace oder Delete innerhalb des Panels gedrückt wird und kein Content mehr innerhalb des Panels vorhanden ist.
  • Das "Control" muss innerhalb des TinyMCE als Ganzes per Drag&Drop verschoben werden können
  • Wizard Steps können nicht via Drag & Drop verschoben werden
  • Ein WizardStep kann mit der Delete Taste gelöscht werden, wenn der Titel des WizardSteps selektiert ist.
  • Das "Control" muss bei Speichern sauberen HTML Code liefern (Alle Tags sind geschlossen, alle Sub Controls werden entsprechend übersetzt).

Wizard Button

  • Ein Wizard Button kann über die Symbolleiste in den WizardStep eingefügt werden
  • Der Wizard Button kann über eine Action im Menü "Insert" des TinyMCE hinzugefügt werden
  • Ein Wizard Button kann nur eingefügt werden, wenn der Cursor innerhalb eines WizardSteps ist.
  • Pro WizardStep kann mehr als ein Wizard Button eingefügt werden
  • Wird ein Wizard Button eingefügt, öffnet sich ein Dialog wo der Benutzer einen WizardStep des Übergeordneten Wizards auswählt. Der Benutzer kann den WizardStep in welchem sich befindet nicht auswählen.
  • Beim Einfügen des WizardButtons muss der Benutzer einen Step und eine Bezeichnung für den Button definieren.
  • Die Eigenschaften des Buttons können editiert werden, wenn der Benutzer den Button selektiert und den Button in der Symbolleiste oder im Menü klickt
  • Das "Control" muss bei Speichern sauberen HTML Code liefern (Alle Tags sind geschlossen, alle Sub Controls werden entsprechend übersetzt).

Elektro Warnung

  • Das "Control" kann über einen Button in der Symbolleiste hinzugefügt werden
  • Das "Control" kann über eine Action im Menü "Insert" des TinyMCE hinzugefügt werden
  • Das "Control" kann als Inhalt formatierten Text beinhalten (Fett, Kursiv, Aufzählungen usw.). Es ist nicht angedacht, dass man Bilder in den Container einfügen kann.
  • Das "Control" darf nicht gelöscht werden, wenn Backspace oder Delete innerhalb des "Controls" gedrückt wird und kein Content mehr innerhalb des "Controls" vorhanden ist.
  • Das "Control" muss innerhalb des TinyMCE als ganzes per Drag&Drop verschoben werden können
  • Das "Control" muss bei Speichern sauberen HTML Code liefern (Alle Tags sind geschlossen, alle Sub Controls werden entsprechend übersetzt).

Hinweis

  • Das "Control" kann über einen Button in der Symbolleiste hinzugefügt werden
  • Das "Control" kann über eine Action im Menü "Insert" des TinyMCE hinzugefügt werden
  • Das "Control" kann als Inhalt formatierten Text beinhalten (Fett, Kursiv, Aufzählungen usw.). Es ist nicht angedacht, dass man Bilder in den Container einfügen kann.
  • Das "Control" darf nicht gelöscht werden, wenn Backspace oder Delete innerhalb des Panels gedrückt wird und kein Content mehr innerhalb des "Controls" vorhanden ist.
  • Das "Control" muss innerhalb des TinyMCE als ganzes per Drag&Drop verschoben werden können
  • Das "Control" muss bei Speichern sauberen HTML Code liefern (Alle Tags sind geschlossen, alle Sub Controls werden entsprechend übersetzt).
Zurück zum Seitenanfang