Skip to content

Commit

Permalink
Add manual tests for disabled and custom labels.
Browse files Browse the repository at this point in the history
  • Loading branch information
Comandeer authored and jacekbogdanski committed May 9, 2022
1 parent 413ee6e commit 33bfdbe
Show file tree
Hide file tree
Showing 12 changed files with 213 additions and 0 deletions.
11 changes: 11 additions & 0 deletions tests/core/creators/manual/inlinecustomlabels.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div id="foo" contenteditable="true">
<p>Lorem ipsum dolor sit amet</p>
</div>

<script>
CKEDITOR.inline( 'foo', {
language: 'en',
title: 'Horse',
applicationTitle: 'Mouse'
} );
</script>
16 changes: 16 additions & 0 deletions tests/core/creators/manual/inlinecustomlabels.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
@bender-tags: bug, 4.19.0, 2445
@bender-ui: collapsed
@bender-ckeditor-plugins: toolbar, wysiwygarea, basicstyles, floatingspace

**Note** This test is intended to be used with a screen reader.

1. Focus the editor.

**Expected** The editor is correctly announced ("Horse").

**Unexpected** The editor is incorrectly announced or not announced at all.
1. Press <kbd>Alt</kbd>+<kbd>F10</kbd> to focus the toolbar.

**Expected** The toolbar is correctly announced (first button info followed by "Mouse").

**Unexpected** The info about the editor is not included in the announcement.
10 changes: 10 additions & 0 deletions tests/core/creators/manual/inlinedisabledapplicationlabels.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<div id="foo" contenteditable="true">
<p>Lorem ipsum dolor sit amet</p>
</div>

<script>
CKEDITOR.inline( 'foo', {
language: 'en',
applicationTitle: false
} );
</script>
16 changes: 16 additions & 0 deletions tests/core/creators/manual/inlinedisabledapplicationlabels.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
@bender-tags: bug, 4.19.0, 2445
@bender-ui: collapsed
@bender-ckeditor-plugins: toolbar, wysiwygarea, basicstyles, floatingspace

**Note** This test is intended to be used with a screen reader.

1. Focus the editor.

**Expected** The editor is correctly announced ("Editor foo").

**Unexpected** The editor is incorrectly announced or not announced at all.
1. Press <kbd>Alt</kbd>+<kbd>F10</kbd> to focus the toolbar.

**Expected** The toolbar and the first button are announced.

**Unexpected** The info about the editor is included in the announcement ("Rich Text Editor foo").
10 changes: 10 additions & 0 deletions tests/core/creators/manual/inlinedisablededitorlabels.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<div id="foo" contenteditable="true">
<p>Lorem ipsum dolor sit amet</p>
</div>

<script>
CKEDITOR.inline( 'foo', {
language: 'en',
title: false
} );
</script>
16 changes: 16 additions & 0 deletions tests/core/creators/manual/inlinedisablededitorlabels.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
@bender-tags: bug, 4.19.0, 2445
@bender-ui: collapsed
@bender-ckeditor-plugins: toolbar, wysiwygarea, basicstyles, floatingspace

**Note** This test is intended to be used with a screen reader.

1. Focus the editor.

**Expected** The editor is announced as the generic text input.

**Unexpected** The editor's name is announced ("Editor foo").
1. Press <kbd>Alt</kbd>+<kbd>F10</kbd> to focus the toolbar.

**Expected** The toolbar is correctly announced (first button info followed by "Rich Text Editor foo").

**Unexpected** The info about the editor is not included in the announcement.
23 changes: 23 additions & 0 deletions tests/core/creators/manual/themeduicustomlabels.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<h2><code>Iframe</code>-based</h2>
<div id="wysiwygarea">
<p>Lorem ipsum dolor sit amet</p>
</div>

<h2><code>Div</code>-based</h2>
<div id="divarea">
<p>Lorem ipsum dolor sit amet</p>
</div>

<script>
CKEDITOR.replace( 'wysiwygarea', {
language: 'en',
title: 'Horse',
applicationTitle: 'Mouse'
} );
CKEDITOR.replace( 'divarea', {
extraPlugins: 'divarea',
language: 'en',
title: 'Donkey',
applicationTitle: 'Snake'
} );
</script>
23 changes: 23 additions & 0 deletions tests/core/creators/manual/themeduicustomlabels.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
@bender-tags: bug, 4.19.0, 2445
@bender-ui: collapsed
@bender-ckeditor-plugins: toolbar, wysiwygarea, basicstyles, floatingspace

**Note** This test is intended to be used with a screen reader.

1. Focus the editor.

**Expected** The editor is correctly announced.

**Unexpected** The editor is incorrectly announced or not announced at all.

Sample announcements for the `iframe`-based editor:

* VoiceOver+Chrome: "Horse edit text, &lt;content and selection info&gt;. Horse, group"
* NVDA+Firefox: "Mouse, Horse frame, Horse document editable"
* JAWS+Firefox: "Mouse, Horse frame, Horse edit &lt;content&gt; type and text"

Sample announcements for the `div`-based editor:

* VoiceOver+Chrome: "Donkey edit text &lt;content&gt;. Snake, application."
* NVDA+Firefox: "Snake, Donkey edit multi line"
* JAWS+Firefox: "Snake, Donkey edit, contains text, type and text"
21 changes: 21 additions & 0 deletions tests/core/creators/manual/themeduidisabledapplicationlabels.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<h2><code>Iframe</code>-based</h2>
<div id="wysiwygarea">
<p>Lorem ipsum dolor sit amet</p>
</div>

<h2><code>Div</code>-based</h2>
<div id="divarea">
<p>Lorem ipsum dolor sit amet</p>
</div>

<script>
CKEDITOR.replace( 'wysiwygarea', {
language: 'en',
applicationTitle: false
} );
CKEDITOR.replace( 'divarea', {
extraPlugins: 'divarea',
language: 'en',
applicationTitle: false
} );
</script>
23 changes: 23 additions & 0 deletions tests/core/creators/manual/themeduidisabledapplicationlabels.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
@bender-tags: bug, 4.19.0, 2445
@bender-ui: collapsed
@bender-ckeditor-plugins: toolbar, wysiwygarea, basicstyles, floatingspace

**Note** This test is intended to be used with a screen reader.

1. Focus the editor.

**Expected** The editor is correctly announced.

**Unexpected** The editor is incorrectly announced or not announced at all.

Sample announcements for the `iframe`-based editor:

* VoiceOver+Chrome: "Editor, wysiwygarea edit text, &lt;content and selection info&gt;. Editor, wysiwygarea, group"
* NVDA+Firefox: "application, Editor, wysiwygarea frame, Editor, wysiwygarea document editable"
* JAWS+Firefox: "Editor, wysiwygarea frame, editor, wysiwygarea edit &lt;content&gt; type and text"

Sample announcements for the `div`-based editor:

* VoiceOver+Chrome: "Editor, divarea edit text &lt;content&gt;. Application."
* NVDA+Firefox: "application, Editor, divarea edit multi line"
* JAWS+Firefox: "Editor, divarea edit, contains text, type and text"
21 changes: 21 additions & 0 deletions tests/core/creators/manual/themeduidisablededitorlabels.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<h2><code>Iframe</code>-based</h2>
<div id="wysiwygarea">
<p>Lorem ipsum dolor sit amet</p>
</div>

<h2><code>Div</code>-based</h2>
<div id="divarea">
<p>Lorem ipsum dolor sit amet</p>
</div>

<script>
CKEDITOR.replace( 'wysiwygarea', {
language: 'en',
title: false
} );
CKEDITOR.replace( 'divarea', {
extraPlugins: 'divarea',
language: 'en',
title: false
} );
</script>
23 changes: 23 additions & 0 deletions tests/core/creators/manual/themeduidisablededitorlabels.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
@bender-tags: bug, 4.19.0, 2445
@bender-ui: collapsed
@bender-ckeditor-plugins: toolbar, wysiwygarea, basicstyles, floatingspace

**Note** This test is intended to be used with a screen reader.

1. Focus the editor.

**Expected** The editor is correctly announced.

**Unexpected** The editor is incorrectly announced or not announced at all.

Sample announcements for the `iframe`-based editor:

* VoiceOver+Chrome: "Frame. edit text. &lt;content and selection info&gt;"
* NVDA+Firefox: "Rich Text Editor, wysiwygarea, null document editable"
* JAWS+Firefox: "Rich Text Editor, wysiwygarea, frame, null edit &lt;content&gt; type and text"

Sample announcements for the `div`-based editor:

* VoiceOver+Chrome: "edit text &lt;content&gt;. Rich Text Editor, divarea, application."
* NVDA+Firefox: "Rich Text Editor, divarea, edit multi line"
* JAWS+Firefox: "Rich Text Editor, divarea, edit, contains text, type and text"

0 comments on commit 33bfdbe

Please sign in to comment.