VisualEditor/Basic example worksheet

From MediaWiki.org
Jump to: navigation, search

Some test cases for VisualEditor.


Text formatting and lists[edit | edit source]

Text style[edit | edit source]

This is some basic text. This is a link and some italics bold text.

Here we talk shop about code because code instanceof Poetry === true. And perhaps some text using the obsolete teletype text element.


test ciao

Links[edit | edit source]

Lists[edit | edit source]

  • This bullet list should display "normally"
  • With another bullet
    • With a sub-item
      1. A numbered sub-sub-item
      2. And its successor
  • And be able to be split, extended, in-/out-dented and ended as normal.

Preformatted[edit | edit source]

/*global
        Color,
        Fruit, PearFruit,
        Basket, BigBasket, FruitBigBasket,
        InvalidArgumentError
*/

var util = require('util');


/**
 * A non-empty basket of green-coloured fruits
 * that are not pears.
 *
 * @class
 * @extends FruitBigBasket
 *
 * @constructor
 * @param {Array} items
 * @throws {InvalidArgumentError} If basket contains unexpected items.
 */
function SmoigelBasket(items) {
        SmoigelBasket.super_.apply(this, arguments);

        if (
                !items.length ||
                        items.some(function (item) {
                                return !item.color.isLike(Color.newFromKeyword('green')) || item instanceof PearFruit;
                        })
        ) {
                throw new InvalidArgumentError();
        }
}

util.inherits(SmoigelBasket, FruitBigBasket);

Quote[edit | edit source]

Blockquote:

This was a triumph. I'm making a note here: HUGE SUCCESS.

So I'm GLaD. I got burned.

– GLaDOS


Cite:
GLaDOS was "making a note here".

Tables[edit | edit source]

Keys Values
foo lorem
bar ipsum
baz dolor
quux sit

Enhanced elements[edit | edit source]

Table with sortable (jquery.tablesorter) and mw-collapsible (jquery.makeCollapsible).

Keys Values
foo lorem
bar ipsum
baz dolor
quux sit

Headings![edit | edit source]

Are![edit | edit source]

Really![edit | edit source]
Over-used![edit | edit source]

Here!


Media files[edit | edit source]

This is an inline hello image, a frameless Test. one, and a block one with a caption:

hello, you should be able to drag this around.

Image without defined size VisualEditor-logo.svg

This is a video file that you should be able to see.

Thumb

Test.


Bold text:

Test.


Multi-line text:

Test split on multiple lines.


Headings:

Headings

Foo[edit | edit source]

Test.

Bar[edit | edit source]

Test.


With an inline image:

Test Test..


With a thumb image:

Test
Test.
.


With a ref:

  1. Heya.


With a div:

Test
Test.
Test.


Templates[edit | edit source]

This is an example of using the "Unsigned" template, an inline template which you can edit (documentation): — Preceding unsigned comment added by User:Jdforrester (WMF) (talkcontribs) 16:25, 12 June 2013 (UTC)

This is an example of using the {{Wikimedia engineering project information}} template, a block template which you can edit (documentation):


References[edit | edit source]

Simple reference.[1]

Bold text reference.[2]

Multi-line reference.[3]

In-line image in a reference.[4]

Block-level image in a reference.[5]

Heading in a reference.[6]

Template in a reference.[7]

Another Template in a reference.[8]

List in a reference.[9]

Multi-level lists in a reference.[10]

Reference in a reference.[11]

Cite web[edit | edit source]

And inline in a reference. [12]


References list[edit | edit source]

  1. Simple reference!
  2. Bold text reference!
  3. Multi-line reference!
  4. In-line image in a reference! Test.
  5. Block-level image in a reference!
    Test.
  6. This is a

    Heading[edit | edit source]

    in a reference!

  7. Template in a reference!
    • List
    • in
    • a
    • reference!
    1. Multi-level
      • lists
        in
        a
    2. reference!
  8. Reference[notes 1]
  9. Template:Cite web

Notes list[edit | edit source]

  1. in a reference