Skip to main content

Code block tests

class HelloWorld {
  public static void main(String args[]) {
    System.out.println("Hello, World");
  }
}

See:

pre​

pre > string​

Multi-line text inside pre will turn into one-liner, but it's okay (https://github.com/mdx-js/mdx/issues/1095)

1 2 3
1 2 3

pre > string[]​

1
2
3

pre > element​

http://localhost:3000
Lol bro

pre > element[]​

Front page
Input: a = "abcd", b = "cdabcdab"
Output: 3
Explanation: a after three repetitions become "abcdabcdabcd", at which time b is a substring.

pre > code > element​

Hey bro

code​

code > string​

1 2 3
link:
  title: front page
  path: /docs/

code > string[]​

link: 
  title: front page
  path: /docs/

code > element​

http://localhost:3000
Lol bro

code > element[]​

Front page
Input: a = "abcd", b = "cdabcdab"
Output: 3
Explanation: a after three repetitions become "abcdabcdabcd", at which time b is a substring.

CodeBlock​

CodeBlock > string​

1 2 3
test
link:
  title: front page
  path: /docs/

CodeBlock > string[]​

test
link:
  title: front page
  path: /docs/

CodeBlock > element​

http://localhost:3000
Lol bro

CodeBlock > element[]​

Front page
Input: a = "abcd", b = "cdabcdab"
Output: 3
Explanation: a after three repetitions become "abcdabcdabcd", at which time b is a substring.

Code blocks with line numbering tests​

function PageLayout(props) {
  return <Layout title="Awesome Docusaurus page" description="Test Test Test Test Test Test Test Test Test Test Test Test Test Test ">;
}
function PageLayout(props) {
  return <Layout title="Awesome Docusaurus page" description="Test Test Test Test Test Test Test Test Test Test Test Test Test Test ">;
}
function PageLayout(props) {
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
  console.log(
    'Test Test Test Test Test Test Test Test Test Test Test Test Test Test ',
  );
}

Code block wrapping tests​

mkdir this_is_a_loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong_string_to_test_code_block_wrapping
echo "this is a long string made up of many separate words that should be broken between words when possible"
curl https://docusaurus.io/tests/pages/code-block-tests
echo "hi"
echo medium_length_string_will_have_the_option_to_wrap_after_window_resized_while_it_is_hidden
import React from 'react';
import Layout from '@theme/Layout';

export default function MyReactPage() {
  return (
    <Layout>
      <h1>My React page</h1>
      <p>
        This is a React page. Let's make this sentence bit long. Some more words
        to make sure... Some more words to make sure... Some more words to make
        sure...
      </p>
    </Layout>
  );
}