Test: Callout Edge Cases
Callout エッジケーステスト
このページはcalloutのさまざまなエッジケースをテストするためのページです。
1. ネストされたCallout
外側のcalloutの中に内側のcalloutが入っている状態をテストします。
2. 三重ネスト
最外部のcalloutです。
中間層のcalloutです。
最内部のcalloutです。三重ネストのテストです。
レベル2に戻りました。
レベル1に戻りました。
3. Callout内のさまざまなコンテンツ
以下はcallout内のインラインコードです:npm install notro
-
アイテム1
-
アイテム2
-
アイテム3
-
最初のステップ
-
次のステップ
-
最後のステップ
// callout内のコードブロック
const message = "Hello from inside a callout!";
console.log(message);
4. 連続するCallout(空行なし)
最初のcallout
2番目のcallout(直後)
3番目のcallout(直後)
5. Callout内の見出し
H1 inside callout
H2 inside callout
H3 inside callout
通常のテキストが続きます。
6. URLに括弧が含まれるリンク(Fix 9テスト)
以下はURLに括弧が含まれるリンクです:
7. Dividerの前に空行がないケース(Fix 1テスト)
段落の直後にdividerが来るケースです。
上記のdividerは --- で、前の段落との間に空行がありません。
正常に水平線として表示されるべきです(H2見出しにならないように)。
8. 空のCallout
9. 長いテキストのCallout
これは非常に長いテキストを含むcalloutです。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.
このように長いテキストが正しくcallout内で折り返されるかをテストしています。モバイルでも正常に表示されるべきです。