On set dates - WYSIWYG

Description

WYSIWYG Stress Test

Reference line, every mark: bold, italic, underline, strikethrough, code, link, colour, highlight.

A · Block coverage & empty states

A01 — Plain paragraph

Baseline. Confirms a normal paragraph survives untouched.

A normal paragraph with nothing special about it.

A02 — Two adjacent paragraphs

Tests that consecutive paragraphs stay separate and don’t merge into one block.

First paragraph.

Second paragraph.

A03 — Empty paragraph between two filled ones

Empty blocks are a common serialisation crash point. The gap below should persist or collapse gracefully.

Above the gap.

Below the gap.

A04 — Hard line break inside one paragraph

Distinguishes a soft line break (Shift+Enter) from a new paragraph. Line one and two should share one block.

Line one
Line two in the same paragraph block.

A05 — Heading immediately followed by heading

No paragraph between two headings — checks block boundary handling.

First heading

Second heading right after

A06 — Divider as the only thing in a region

A bare divider with no surrounding text. Should not collapse or attach to neighbours.

A07 — Three dividers in a row

Consecutive dividers; some editors dedupe them. Expect three (or a documented collapse).

A08 — Paragraph, divider, paragraph (tight)

Divider directly between two lines with no blank space — boundary test.

Just above.

Just below.

A09 — Long single paragraph (wrap & perf)

A long block of prose to test wrapping and that long paragraphs don’t lag or truncate.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

B · Headings

B01 — H1 / H2 / H3 ladder

All three heading levels in order, mapping cleanly to the editor’s H1/H2/H3.

H1 heading

H2 heading

H3 heading

B02 — Heading carrying inline marks

Marks inside a heading. Some editors strip marks from headings.

Bold + italic + underline + colour + highlight in a heading

B03 — Heading that is only a link

A heading whose entire content is a hyperlink.

A heading that links somewhere

B04 — Very long heading

Tests heading wrapping and that long headings don’t overflow the layout.

This is a deliberately very long heading that should wrap onto multiple lines without breaking the page layout or being truncated mid-word

B05 — Heading with inline code

Monospace inside a heading — a frequent rendering edge case.

Configuring the app.config.json file

B06 — Empty heading (build by hand)

Create an empty H2 in the editor directly. Empty headings often fail to save.

C · Inline marks — single & combined

C01 — Each mark alone

One sentence per mark, isolated, to confirm each works on its own.

Bold only.

Italic only.

Underline only.

Strikethrough only.

Inline code only.

Highlight only.

C02 — Every pairwise combination

Two marks at once across the common pairs — catches marks that cancel each other.

bold+italic, bold+underline, bold+strike, italic+underline, italic+strike, underline+strike, bold+highlight, italic+highlight.

C03 — Triple and quad stacks

Three and four marks layered on the same text.

bold italic underline, then all four together.

C04 — Partial overlap (mark-boundary bug)

“dog” bold, “repeatedly” bold+italic, “without” italic — overlapping but not nested. The #1 cause of mark corruption after save/reload.

The lazy dog repeatedly without stopping.

C05 — Mark at the very start of a block

First character formatted — a common cursor/boundary failure.

Bold at the start, then plain.

C06 — Mark at the very end of a block

Last character formatted.

Plain, then bold at the end.

C07 — Whole block is one mark

The entire paragraph is bold — should not leak into the next block.

The whole of this paragraph is bold from start to finish.

This next paragraph must be plain (no bold leak).

C08 — Adjacent different marks, no space

Bold word touching an italic word with no gap — boundary precision.

bolditalic touching.

C09 — Link layered with marks

A link that is also bold, coloured and underlined — mark + link interaction.

See this bold red link for details.

C10 — Code span containing special characters

Inline code must render <, >, & literally, not parse them.

Run if (a < b && c > d) { return "<ok>"; } to check.

D · Colour & highlight deep dive

D01 — Palette red (known-good)

Cademy palette #d32f2f. Should survive paste in this paragraph.

This text is palette red.

D02 — Off-palette hex

Arbitrary purple #6a1b9a. If it drops while D01 survives, the importer uses a palette allowlist.

This text is off-palette purple.

D03 — Named CSS colour

Colour given as a keyword (teal) instead of hex — does the parser accept it?

This text is named teal.

D04 — rgb() colour

Colour as rgb() — tests style-value parsing variety.

This text is rgb blue.

D05 — Several colours in one line

Multiple coloured spans together — checks they don’t bleed into each other.

red green blue purple

D06 — Highlight via <mark>

Highlight expressed as a mark tag.

This is mark-tag highlight.

D07 — Highlight via background-color

Highlight expressed as an inline background-color style — does it map to the same highlight mark?

This is background-style highlight.

D08 — Colour + highlight together

Text that is both coloured and highlighted at once.

red text on yellow highlight

D09 — Colour inside other block types

Same palette red placed in a heading, a list item, a quote and a table cell. Reveals whether colour survival is block-dependent.

Heading with red

Quote with red

D10 — Highlight in those same blocks

Control for D09 — highlight already survives, so this isolates colour as the variable.

Heading with highlight

Quote with highlight

E · Links & URL schemes

E01 — Standard https with query & fragment

Full URL must keep its query string and #fragment.

https link with query and fragment

E02 — mailto

Email link.

email us

E03 — tel

Telephone link.

call us

E04 — Relative path

Relative URL — preserved, or rewritten to absolute?

relative link

E05 — In-page anchor

Fragment-only link.

jump to section

E06 — Protocol-relative

//host/path — should resolve, not break.

protocol-relative link

E07 — Bare URL as text (autolink test)

A raw URL typed as plain text. Does the editor auto-link it or leave it inert?

Visit https://cademy.io/courses for more.

E08 — Link wrapping several words and a mark

Link spanning multiple words, one of which is bold.

enrol on the advanced course today

E09 — Very long URL

A long href to test truncation/wrapping of the stored link.

a very long link

F · Lists

F01 — Bulleted, 6 levels deep

Deep indentation. Each level should persist after save/reload.

F02 — Numbered, 4 levels deep

Each item names its level — so you can see at a glance that numbering restarts at 1 on every new level and that marks survive deep ordered nesting.

F03 — Mixed ordered/unordered nesting

Each item names its level and its list type, so you can confirm the type actually switches (numbered → bulleted → numbered) at each depth.

F04 — List item with two paragraphs

A single item holding multiple paragraphs.

F05 — List item containing a quote

Block-in-list nesting (quote inside a bullet).

F06 — List item containing a code block

Code block nested in a list item.

F07 — Ordered list with custom start

A list starting at 5 (start="5"). Does the editor honour the offset?

F08 — Task list (checkboxes)

Checkbox list — Cademy may have no task-list block; observe whether it maps or flattens.

F09 — Every mark inside list items

Each inline style exercised within list context.

F10 — Very long single list item

Wrapping inside a bullet.

G · Quotes

G01 — Single-line quote

Baseline quote that should publish correctly.

A single-line quote.

G02 — Multi-paragraph quote (known empty-render bug)

Two paragraphs in one quote — the structure that published empty before. Key repro.

You should not be able to have paragraphs in quates
This is the second line

G03 — Quote with a link inside

Earlier the link inside a quote vanished on publish. Watch this one specifically.

A quote containing  a link that must survive.

G04 — Quote with mixed marks

Bold/italic/colour/highlight inside a quote.

A quote with bold, italic, colour and highlight.

G05 — Quote containing a list

Block nesting: a bulleted list inside a quote.

Reasons:
- one
- two

G06 — Nested quote (quote in quote)

A quote inside a quote — deep block nesting.

Outer quote.

I · Tables

I01 — Basic 3×3

Standard table with header row.

I02 — Empty cells scattered

Blank cells must hold their position, not collapse.

I03 — Marks inside cells

Every inline style inside table cells.

I04 — Block content inside cells

A list and a heading inside cells — block-in-table nesting.

I05 — Merged cells (colspan/rowspan)

Spanned cells. Many editors flatten these — note how it’s handled.

I06 — Overflow content in a cell

A long unbroken word stresses column width.

I07 — Single row / single column / 1×1

Degenerate table shapes.

I08 — Wider table (5 columns)

Tests horizontal handling and that wide tables don’t break the page.

J · Unicode, i18n & encoding

J01 — Emoji incl. ZWJ sequences

Compound emoji must stay intact, not split into parts.

Simple 😀🔥✅ — ZWJ 👨‍👩‍👧‍👦 🏳️‍🌈 👩🏽‍💻

J02 — Combining diacritics

Stacked combining marks shouldn’t corrupt the cursor or rendering.

âéö and Z͑a̴l̷g̶o̡

J03 — RTL Arabic & Hebrew

Right-to-left scripts should render RTL.

Arabic: مرحبا بك في الدورة — Hebrew: שלום עולם

J04 — Mixed LTR/RTL in one line

Bidirectional text — the trickiest layout case.

Price is 100 شيكل today and that’s final.

J05 — CJK

Chinese / Japanese / Korean rendering.

日本語のテキスト 中文文字 한국어 텍스트

J06 — Zero-width characters

Invisible characters between the bars must not corrupt the block.

start|‌‍|end

J07 — HTML entities as literal text

These must display as characters, not be parsed as markup.

& < > " ' © — ™ ½ ≤ ≥ € £

J08 — Literal angle-bracket “tags”

Text that looks like HTML must stay as text.

Type <not a tag> and </closing> and <b>literal</b> here.

J09 — Smart punctuation

Curly quotes, dashes and ellipsis preserved.

“curly” ‘quotes’ — en–dash, em—dash, ellipsis… and «guillemets».

J10 — Very long unbroken word

No break opportunities — must wrap or scroll without breaking layout.

Lorem_ipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniam

K · Whitespace & alignment

K01 — Left / centre / right / justify

Four alignment modes.

Left-aligned.

Centre-aligned.

Right-aligned.

Justified paragraph long enough to show the spacing spread evenly across the line width when it wraps to a second line.Justified paragraph long enough to show the spacing spread evenly across the line width when it wraps to a second line.

K02 — Alignment on a heading

Centre-aligned heading.

Centred heading

K03 — Alignment on a list

Right-aligned list items.

K04 — Multiple internal spaces

Runs of spaces — most editors collapse them; note the behaviour.

three spaces and a tab between words.

K05 — Leading / trailing spaces

Spaces at the edges of a line.

leading and trailing

K06 — Whitespace-only block

A block containing only spaces — does it persist or get dropped?

N · Containers (build by hand)

N01 — Callout

Usually pastes; if not, use /callout.

N02 — Toggle (insert manually: /toggle)

Wrap the lines below in a toggle

N03 — 2 Columns (insert manually: /2 columns)

Build a 2-column block, then move each column’s content in.

N04 — 3 Columns (insert manually: /3 columns)

Build a 3-column block, then move each column’s content in.

Bold and a link.

N05 — Button Link

Button block; if it pastes as a plain link, that’s the fallback to note.