VisualEditor/Basic example worksheet

Some test cases for VisualEditor.

Text formatting and lists

Text style

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.

Links

• Plain internal link: Sandbox, text.
• Named internal link, text.
• Named red internal link, text.
• Interwiki link, text.
• Plain external link: http://example.org, text.
• Unnamed external link: [1], text.
• Named external link, text.
• Named protocol-relative external link, text.

Lists

• 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.

Caching layers:

1. Browser caches
   1. Native browser cache
   2. HTML5 Web Storage (SessionStorage, LocalStorage, ..)
2. Front-end Varnishes

   Varnish caches the entire HTTP responses, including thumbnails of images, frequently-requested pages, ResourceLoader modules, and similar items that can be retrieved over HTTP. The front-end Varnishes keep these in memory. A weighted-random load balancer (LVS) distributes web requests to the front-end Varnishes.

3. Back-end Varnishes

   When a front-end Varnish doesn't have a response cached, it passes the request to the back-end.

4. memcached

5. Object cache
6. Query cache

Preformatted

== Preformatted ==
Example '''test''' with [[link]] and <em>emphasis</em>.

Syntax highlighter

See also Extension:SyntaxHighlight GeSHi

source

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);

syntaxhighlight

/*global
	Registry, TraditionRegistry,
	Color,
	Fruit, PearFruit,
	Event, BirthdayEvent, TransferEvent,
	Basket, BigBasket, FruitBigBasket,
	Human, MaleHuman, FemaleHuman,
	InvalidArgumentError
*/
var util = require('util');

/**
 * "Origin"
 *
 * Based on a scene from an episode of Friday Night Dinner.
 *
 * @package Smoigel
 * @author Timo Tijhof, 2013
 */

var traditions = TraditionRegistry.getSingleton();

var e = new TransferEvent({
	spec: {
		from: {
			instanceof: Human
		},

		items: [SmoigelBasket],

		/**
		 * Custom validation.
		 * @param {Human} target
		 * @param {Event} concurrentEvent Instance of spec.when.
		 * @return {boolean}
		 */
		to: function (target, concurrentEvent) {
			// To the eldest son of the family, so, a male.
			return target instanceof MaleHuman &&
				// Validate the target is a child in the family of the home
				// the party subject lives in. Not a sibling per se, because
				// he or she could be either a child or a parent.
				// The gift should be given to the eldest son of the family he lives in
				// (not of the family the object is born in, per se).
				concurrentEvent.getSubject().getHomeFamily().getChildren().toArray().indexOf(target) !== -1 &&
				// Finally confirm he has no older siblings.
				target.siblings.sort(function (a, b) {
					return a.age < b.age;
				})[0] === target;
		},
		when: BirthdayEvent
	}
});

Quote

Plain blockquote:

Cupcake ipsum dolor sit amet tart powder tootsie roll cotton candy. Lollipop tootsie roll tiramisu chocolate bar jelly-o ice cream tootsie roll powder. I love jelly-o chupa chups applicake. Candy fruitcake muffin liquorice oat cake.

– Cupcake Ipsum

Fancy 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

Names	Letters	Numbers
Foo	A	100
Bar	C	0
lorem	B	0.5
ipsum	A	250

Keys	Transcluded table heading
foo	transcluded cell value
bar	ipsum
baz	transcluded table data
quux	sit

WikiHiero

See also Extension:WikiHiero

Poem

Species C1 C2 C3
Sp1 1 1 0
Sp2 1 0 1
Sp3 1 1 1

Music

See also Extension:Score and wikipedia:Help:Score

Basic LilyPond:

More elaborate and with audio player:

Enhanced elements

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

Keys	Values
foo	lorem
bar	ipsum
baz	dolor
quux	sit

Media files

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

hello, you should be able to drag this around.

Image without defined size

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

Test.

Bar

Test.

With an inline image:

Test .

With a thumb image:

Test

Test.

.

With a ref:

Test

With a div:

Test

Test.

Test.

Templates

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) (talk • contribs) 16:25, 12 June 2013 (UTC)

Transclusion with html comment in target — Preceding unsigned comment added by User:Krinkle (talk • contribs) 21:42, 9 July 2014 (CEST).

Transclusion with wikitext expression as target — Preceding unsigned comment added by User:Krinkle (talk • contribs) 21:42, 9 July 2014 (CEST).

Wikimedia engineering activity

Example project Doing example things as an exemplar example Group: Department of Fun Start: 2011-01-01 End: 2011-01-02 Team members: People Management: Other people

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

References

Simple reference.

Bold text reference.

Multi-line reference.

In-line image in a reference.

Block-level image in a reference.

Heading in a reference.

Template in a reference.

Another Template in a reference.

List in a reference.

Multi-level lists in a reference.

Reference in a reference.

Cite web

• Template:Cite web
• Template:Cite web

And inline in a reference.

---

See also

• Sandbox