šŸŸ© STAGE šŸŸ© - Test Educator logo

šŸŸ© STAGE šŸŸ© - Test Educator

Course Images

šŸ”µ On set dates (USD)
Please note, this image was automatically generated based on the course title and may not reflect the actual experience. Stock photo by Julia Cheperis on Unsplash.

šŸ”µ On set dates (USD)

Highlights

  • Delivered In-Person

  • 1 hour

  • All levels

Description

Paragraph

This paragraph is designed to stress-test plain text rendering, spacing, line wrapping, and cursor navigation. It includes short lines, long lines, and deliberate repetition to check stability.

Inline formatting test in one sentence: bold, italic, underline, strikethrough, inline code inline_code(), and a link https://example.com all together, followed by normal text to confirm formatting boundaries.

Heading 1 - Big section heading

H1: WYSIWYG Hardcore Stress Test - Full Document

Heading 2 - Medium section heading

H2: Formatting, Nesting, and Block Interaction

Heading 3 - Small section heading

H3: Inline Formatting Boundary Checks

Quote

Editors often pass simple tests. The real test is whether content survives nesting, reordering, collapsing, undo/redo, and aggressive formatting without loss or corruption.

Code

/*
  WYSIWYG Code Block Torture Test
  Goals:
  - Preserve indentation
  - Preserve symbols
  - Preserve blank lines
  - Avoid smart-quote conversion
*/

function wysiwygHardcoreTest(input) {
  const meta = {
    title: "Cademy Editor Test",
    flags: ["wrap", "indent", "symbols", "unicode"],
    deep: { a: { b: { c: [1, 2, 3] } } }
  };

  if (input === null || input === undefined) {
    throw new Error("Input missing");
  }

  const text = `Line1\nLine2\tTabbed\nSymbols: <> [] {} () " ' \\ /`;
  return { ok: true, input, meta, text };
}

console.log(wysiwygHardcoreTest("sample"));

Bulleted list - Create a simple bulleted list

  • Level 1 bullet - plain text

  • Level 1 bullet - formatting mix: bold italic underline strikethrough inline_code() https://example.com

  • Level 1 bullet - long wrap test: This bullet is intentionally long so it wraps to multiple lines and you can verify that indentation, alignment, and spacing remain correct across wrapped lines within the same list item.

  • Level 2 bullet - plain

  • Level 2 bullet - with inline code const x = 1;

  • Level 3 bullet - deeper nesting

  • Level 4 bullet - deepest nesting line to verify it does not collapse, re-indent incorrectly, or lose markers

Numbered list - Create a numbered list

  1. Step one - plain text

  1. Step two - mixed formatting: bold italic underline strikethrough inline_code() https://example.com

  1. Step three - wrapping stress: This numbered item is intentionally long to verify numbering alignment across wrapped lines and that editing the middle of the text does not reset numbering or change indentation.

  1. Nested step 3.1 - plain

  1. Nested step 3.2 - with inline_code()

  1. Deep nested step 3.2.1 - verify multi-level numbering stability

  1. Step four - final item

Toggle list - Toggles can hide and show contents inside

Toggle title: Additional details

This text should be hidden by default and only visible when the toggle is expanded. Use it to confirm that collapsing and expanding works correctly and that nested content displays properly.

Sunt et officia deserunt. Eu adipisicing laborum Lorem.

Duis ad laborum nulla veniam occaecat ea velit aliquip nulla eu do aliquip. Qui dolor anim occaecat incididunt do excepteur elit velit do et. Ut ut ad deserunt. Irure ut mollit ullamco velit ea ex laborum ea et. Sunt proident ipsum proident nisi tempor cupidatat mollit cillum in cillum excepteur sit consequat et esse. Culpa duis quis voluptate dolor ullamco anim ullamco eu mollit enim ut deserunt labore.

Ut duis do voluptate do irure id nisi proident ex proident. Irure qui aliquip labore cillum quis deserunt mollit proident laboris dolore pariatur. Qui reprehenderit labore adipisicing dolore do duis. Do est consectetur cupidatat. Veniam qui occaecat eiusmod nulla elit nisi deserunt sunt id consectetur mollit. In irure id quis commodo dolore ipsum aliqua fugiat magna laborum excepteur id excepteur in. Ipsum sint occaecat enim deserunt cupidatat laborum irure commodo anim culpa.

Aliqua cupidatat cillum ipsum adipisicing duis commodo ullamco do pariatur id irure anim Lorem voluptate. Mollit velit ea tempor ut dolore sunt adipisicing pariatur id irure dolore ex ad in. Adipisicing voluptate sunt sit. Nisi ullamco do ex eiusmod. Nisi pariatur aute ut dolor tempor aliquip esse cupidatat elit laborum cupidatat. Elit sit laborum ullamco ut sunt sint consectetur eu do.

Bulleted list inside toggle

  • Toggle bullet one

  • Toggle bullet two

  • Nested toggle bullet

  • Deep nested toggle bullet

Numbered list inside toggle

  1. Toggle number one

  1. Toggle number two

  1. Nested toggle number

Quote inside toggle
Toggle content must remain intact after repeated collapse/expand and after moving the toggle block up or down.

Code inside toggle
const toggleState = {
  expanded: true,
  nested: { level: 2 }
};

Table

Column 1

Column 2

Column 3

Plain text

Inline code code()

Link https://example.com

Long wrap test: This cell contains a very long piece of text to force wrapping and test row height expansion and alignment across columns

Bullets in cell:

  • one

  • two

  • three

Numbers in cell:

  1. one

  1. two

  1. three

Image - Embed an image

health-and-safety-essentials.png

Video - Embed a video

File - Upload a file for download

file-sample_100kB.docx
DOCX ā€¢108.69 KB
Download

/

Embed - Embed a document or video hosted by another provider

Link - Link to a URL

Link to a URL

2 Columns - Create a 2 column layout

H3: Left column heading

Paragraph:

Left column paragraph with long wrap test text to verify column width and wrapping behavior. Include inline formatting: bold italic underline strikethrough inline_code() https://example.com.


Bulleted list:

  • Left bullet one

  • Left bullet two

  • Left nested bullet

Toggle label: Left column toggle

Toggle contents:

Paragraph:

Toggle inside a column. Collapse/expand should not affect the right column layout.

H3: Right column heading

Paragraph:

Right column paragraph with different length to test uneven column heights and layout stability. Add inline code render()and link https://example.com.


Numbered list:

  1. Right item one

  1. Right item two

  1. Right nested item

3 Columns - Create a 3 column layout

H3: Column 1 heading

Paragraph:

Short text.

H3: Column 2 heading

Paragraph:

Medium-length text designed to wrap onto a second line to validate vertical alignment across columns.

Bulleted list:

  • Column 2 bullet

  • Nested bullet

Column 3 heading

Paragraph:

Longer column content designed to exceed the height of the other columns and verify that spacing, alignment, and responsiveness remain stable when one column is taller.

Code:

function col3() { return "ok"; }

Dates

  • ā€¢ to
    992 spaces left
    Delivered In-Person
    $1,000

Reviews

+ Add Review