Details

      Description

      CKEditor, in general, needs QA tests.

      Proposes scenarios which test CKEditor's features.

      WYSIWYG CKEditor HTML (default): used in Web Contents, Blogs, and misc.

      Test: CKEditor instance and UI loads and is available for input.

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Assertion: CKEditor instance and UI loads.
      4. Enter text into editor.
      5. Assertion: CKEditor instance is available for input.

      Test: Formated content is displayed in published Web Content. And persists between edit view, publish view, and back to edit view. Without structural (HTML tags, attrs, etc; not whitespace) alteration between edit views.

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Enter formatted text into editor. (bold, italic, underline, heading, Styles:Alert Message)
      4. Assertion: Editable content has expected HTML markup.
      5. Click [Publish]
      6. Assertion: Published Web Content content has expected HTML markup.
      7. Click [Edit]
      8. Assertion: Editable content has expected HTML markup.

      Note: The expected HTML markup, would consider: tags, attrs, etc; not whitespace.

      Example HTML

      <div class="portlet-msg-alert">Styles:Alert Message</div>
      
      <p><strong>Bold</strong> content</p>
      
      <p><u>Underline</u> content</p>
      
      <p><em>Italic</em> content</p>
      
      <p>Normal content</p>
      

      Test: Formated content is transformed to HTML in editor's Source View.

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Enter formatted text into editor. (bold, italic, underline, heading, Style:Alert Message)
      4. Click [Source] button.
      5. Assertion: Content has expected HTML markup.

      Example HTML

      <div class="portlet-msg-alert">Styles:Alert Message</div>
      
      <p><strong>Bold</strong> content</p>
      
      <p><u>Underline</u> content</p>
      
      <p><em>Italic</em> content</p>
      
      <p>Normal content</p>
      

      Test: HTML is transformed to formated content in editor's WYSIWYG View.

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Click [Source] button to enter Source View.
      4. Enter example HTML (below) into editor.
      5. Click [Source] button to enter WYSIWYG View.
      6. Assertion: Content has expected HTML markup.

      Example HTML

      <div class="portlet-msg-alert">Styles:Alert Message</div>
      
      <p><strong>Bold</strong> content</p>
      
      <p><u>Underline</u> content</p>
      
      <p><em>Italic</em> content</p>
      
      <p>Normal content</p>
      

      Test: Arabic (RTL) content is displayed RTL while Portal's language is Arabic (RTL).

      1. Add Language portlet to page.
      2. Add Arabic to available languages if necessary.
      3. Change the Portal's Language to Arabic.
      4. Add Web Content Display portlet to page.
      5. Click [+ Add] > [Basic Web Content]
      6. Change the Web Content's Default Language to Arabic.
      7. Enter Arabic content.
      8. Assertion: Arabic content is displayed RTL in editor.
      9. Click [Publish]
      10. Assertion: Arabic content is displayed RTL in Published Web Content. (Not really an Editor test)

      Test: Arabic (RTL) content is displayed RTL while Portal's language is English (LTR).

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Change the Web Content's Default Language to Arabic.
      4. Enter Arabic content.
      5. Assertion: Arabic content is displayed RTL in editor.
      6. Click [Publish]
      7. Assertion: Arabic content is displayed RTL in Published Web Content. (Not really an Editor test)

      Test: English (LTR) content is displayed LTR while Portal's language is English (LTR).

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Change the Web Content's Default Language to English.
      4. Enter English content.
      5. Assertion: English content is displayed LTR in editor.
      6. Click [Publish]
      7. Assertion: English content is displayed LTR in Published Web Content. (Not really an Editor test)

      Test: English (LTR) content is displayed LTR while Portal's language is Arabic (RTL).

      1. Add Language portlet to page.
      2. Add Arabic to available languages if necessary.
      3. Change the Portal's Language to Arabic.
      4. Add Web Content Display portlet to page.
      5. Click [+ Add] > [Basic Web Content]
      6. Change the Web Content's Default Language to English.
      7. Enter English content.
      8. Assertion: English content is displayed LTR in editor.
      9. Click [Publish]
      10. Assertion: English content is displayed LTR in Published Web Content. (Not really an Editor test)

      Test: Image linked from Documents and Media is visible (not 404) in editor's WYSIWYG View.

      1. Upload an image to Documents and Media
      2. Add Web Content Display portlet to page.
      3. Click [+ Add] > [Basic Web Content]
      4. Click Image button.
      5. Click [Browse Server]
      6. Select Documents and Media uploaded file.
      7. Click [OK]
      8. Assertion: Image is displayed in editor and does not return with an HTTP 404 error.
      9. Click [Publish]
      10. Assertion: Image is displayed in Published Web Content. (Not really an Editor test)

      Test: Image linked from [?not sure what to call this?] is visible (not 404) in editor's WYSIWYG View.

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Click Image button.
      4. Click [Browse Server]
      5. Upload an image.
      6. Click [OK]
      7. Assertion: Image is displayed in editor and does not return with an HTTP 404 error.
      8. Click [Publish]
      9. Assertion: Image is displayed in Published Web Content. (Not really an Editor test)

      Test: Image linked from external URL is visible (not 404) in editor's WYSIWYG View.

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Click Image button.
      4. Enter external URL on an image.
      5. Click [OK]
      6. Assertion: Image is displayed in editor and does not return with an HTTP 404 error.
      7. Click [Publish]
      8. Assertion: Image is displayed in Published Web Content. (Not really an Editor test)

      Test: Flash Object is visible (not 404) in editor's WYSIWYG View.

      1. Click [+ Add] > [Basic Web Content]
      2. Click Flash button.
      3. Enter URL to Flash/SWF file.
      4. Click [OK]
      5. Assertion: Flash Object is displayed in editor and does not return with an HTTP 404 error.
      6. Click [Publish]
      7. Assertion: Flash Object is displayed in Published Web Content. (Not really an Editor test)

      Test: [Styles] "Alert Message" displays styled (with colors) in [Styles] dropdown.

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Assertion: "Alert Message" displays styled (with colors) in [Styles] dropdown.

      Test: [Styles] "Alert Message" content displays styled (with colors).

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Select [Styles] > [Alert Message]
      4. Enter content into editor.
      5. Assertion: Content should be styled and have correct class attribute in markup in editor.
      6. Click [Publish]
      7. Assertion: Content should be styled and have correct class attribute in markup in Published Web Content.

      Test: Advanced Content Filter does not strip styles or content when browser window is resized.

      1. Add Web Content Display portlet to page.
      2. Click [+ Add] > [Basic Web Content]
      3. Enter content into editor, using: [Styles] "Alert Message", Center Justification, and Font Size.
      4. Click [Publish]
      5. Resize Browser window to under 700px.
      6. Click [Edit] on Web Content.
      7. Assertion: Content should still have original content & styles.

      Example HTML

      <div class="portlet-msg-error" style="text-align: center;">
      	<span style="font-size:72px;">Styled content</span>
      </div>
      

      [...]

      WYSIWYG CKEditor BBCode: used in Message Boards

      Test: CKEditor instance and UI loads and is available for input.

      Same basic test as CKEditor HTML (default) above.

      Test: Formated content is displayed in published Forum Post. And persists between edit view, publish view, and back to edit view. Without structural (HTML tags, attrs, etc; not whitespace) alteration between edit views.

      1. Add Message Board portlet to page.
      2. Click [Post New Thread]
      3. Enter formatted text into editor. (bold, italic, underline, font-color, font-size)
      4. Assertion: Editable content has expected HTML markup.
      5. Click [Publish]
      6. Assertion: Published Forum Post content has expected HTML markup.
      7. Click [Edit]
      8. Assertion: Editable content has expected HTML markup.

      Note: The expected HTML markup, would consider: tags, attrs, etc; not whitespace.

      Example HTML

      <strong>Bold</strong><br><br>
      
      <span style="color: #ff0000">Colored text</span><br><br>
      
      <pre>Code segment</pre><br><br>
      
      <p style="text-align: center">Center text</p><br><br>
      
      <span style="font-size: 24px">Large text</span><br><br>
      
      <span style="color: #ff0000"><span style="font-size: 24px">Colored Large text</span></span><br><br>
      

      Test: Formated content is transformed to BBCode in editor's Source View.

      1. Add Message Board portlet to page.
      2. Click [Post New Thread]
      3. Enter formatted text into editor. (bold, italic, underline, font-color, font-size)
      4. Click [Source] button.
      5. Assertion: Content has expected BBCode markup.

      Example BBCode

      [b]Bold[/b]
      
      [color=#ff0000]Colored text[/color]
      
      [code]Code segment[/code]
      
      [center]Center text[/center]
      
      [size=5]Large text[/size]
      
      [color=#ff0000][size=5]Colored Large text[/size][/color]
      

      Test: BBCode is transformed to formated content in editor's WYSIWYG View.

      1. Add Message Board portlet to page.
      2. Click [Post New Thread]
      3. Click [Source] button to enter Source View.
      4. Enter example BBCode (below) into editor.
      5. Click [Source] button to enter WYSIWYG View.
      6. Assertion: Content has expected HTML markup.

      Example BBCode

      [b]Bold[/b]
      
      [color=#ff0000]Colored text[/color]
      
      [code]Code segment[/code]
      
      [center]Center text[/center]
      
      [size=5]Large text[/size]
      
      [color=#ff0000][size=5]Colored Large text[/size][/color]
      

      Example HTML

      <strong>Bold</strong><br><br>
      
      <span style="color: #ff0000">Colored text</span><br><br>
      
      <pre>Code segment</pre><br><br>
      
      <p style="text-align: center">Center text</p><br><br>
      
      <span style="font-size: 24px">Large text</span><br><br>
      
      <span style="color: #ff0000"><span style="font-size: 24px">Colored Large text</span></span><br><br>
      

      Test: Arabic (RTL) content is displayed RTL while Portal's language is Arabic (RTL).

      1. Add Language portlet to page.
      2. Add Arabic to available languages if necessary.
      3. Change the Portal's Language to Arabic.
      4. Add Message Board portlet to page.
      5. Click [Post New Thread]
      6. Enter Arabic content.
      7. Assertion: Arabic content is displayed RTL in editor.
      8. Click [Publish]
      9. Assertion: Arabic content is displayed RTL in Published Forum Post. (Not really an Editor test)

      Test: English (LTR) content is displayed LTR while Portal's language is English (LTR).

      1. Add Message Board portlet to page.
      2. Click [Post New Thread]
      3. Enter English content.
      4. Assertion: English content is displayed LTR in editor.
      5. Click [Publish]
      6. Assertion: English content is displayed LTR in Published Forum Post. (Not really an Editor test)

      Test: Image linked from Documents and Media is visible (not 404) in editor's WYSIWYG View.

      Same basic test as CKEditor HTML (default) above.

      Test: Image linked from external URL is visible (not 404) in editor's WYSIWYG View.

      Same basic test as CKEditor HTML (default) above.

      [...]

      WYSIWYG CKEditor Creole: used in Wiki

      Test: CKEditor instance and UI loads and is available for input.

      Same basic test as CKEditor HTML (default) above.

      Test: Formated content is displayed in published Wiki Article. And persists between edit view, publish view, and back to edit view. Without structural (HTML tags, attrs, etc; not whitespace) alteration between edit views.

      1. Add Wiki portlet to page.
      2. Click [Edit]
      3. Enter formatted text into editor. (bold, italic, heading)
      4. Assertion: Editable content has expected HTML markup.
      5. Click [Publish]
      6. Assertion: Published Wiki Article content has expected HTML markup.
      7. Click [Edit]
      8. Assertion: Editable content has expected HTML markup.

      Note: The expected HTML markup, would consider: tags, attrs, etc; not whitespace.

      Example HTML

      <p><strong>Bold</strong></p>
      
      <h2>Heading 2</h2>
      
      <pre>Code Segment</pre>
      

      Test: Formated content is transformed to Creole in editor's Source View.

      1. Add Wiki portlet to page.
      2. Click [Edit]
      3. Enter formatted text into editor. (bold, italic, heading)
      4. Click [Source] button.
      5. Assertion: Content has expected Creole markup.

      Example Creole

      **Bold**
      
      == Heading 2 ==
      
      {{{
      Code Segment
      }}}
      

      Test: Creole is transformed to formated content in editor's WYSIWYG View.

      1. Add Wiki portlet to page.
      2. Click [Edit]
      3. Click [Source] button to enter Source View.
      4. Enter example Creole (below) into editor.
      5. Click [Source] button to enter WYSIWYG View.
      6. Assertion: Content has expected HTML markup.

      Example Creole

      **Bold**
      
      == Heading 2 ==
      
      {{{
      Code Segment
      }}}
      

      Example HTML

      <p><strong>Bold</strong></p>
      
      <h2>Heading 2</h2>
      
      <pre>Code Segment</pre>
      

      Test: Arabic (RTL) content is displayed RTL while Portal's language is Arabic (RTL).

      1. Add Language portlet to page.
      2. Add Arabic to available languages if necessary.
      3. Change the Portal's Language to Arabic.
      4. Add Wiki portlet to page.
      5. Click [Edit]
      6. Enter Arabic content.
      7. Assertion: Arabic content is displayed RTL in editor.
      8. Click [Publish]
      9. Assertion: Arabic content is displayed RTL in Published Wiki Article. (Not really an Editor test)

      Test: English (LTR) content is displayed LTR while Portal's language is English (LTR).

      1. Add Wiki portlet to page.
      2. Click [Edit]
      3. Enter English content.
      4. Assertion: English content is displayed LTR in editor.
      5. Click [Publish]
      6. Assertion: English content is displayed LTR in Published Wiki Article. (Not really an Editor test)

      Test: Image linked from Documents and Media is visible (not 404) in editor's WYSIWYG View.

      Same basic test as CKEditor HTML (default) above.

      Test: Image linked from [?not sure what to call this?] is visible (not 404) in editor's WYSIWYG View.

      Same basic test as CKEditor HTML (default) above.

      Test: Image linked from external URL is visible (not 404) in editor's WYSIWYG View.

      Same basic test as CKEditor HTML (default) above.

      [...]

      WYSIWYG Simple MediaWiki: used in Wikis

      No tests proposed.

      WYSIWYG TinyMCE: off by default

      No tests proposed.

        Attachments

        1. CreoleWord.gif
          CreoleWord.gif
          403 kB
        2. LTR-Portal__RTL-WCA.gif
          LTR-Portal__RTL-WCA.gif
          849 kB
        3. RTL-Portal__LTR-WCA.gif
          RTL-Portal__LTR-WCA.gif
          429 kB

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Days since last comment:
                  5 years, 7 weeks, 3 days ago

                  Packages

                  Version Package
                  7.0.0 M3