Testing Instructions:

  1. Scroll down to see the test components come into view
  2. Watch the browser console for setup messages
  3. Check that LaTeX renders properly (inline: 𝑥2, display: ...)
  4. Verify that MathJax only loads once (check Network tab)
  5. Scroll back up and down to test visibility detection

MathJax Integration Test

Test Component 1

MathJax Test Component

This component tests the MathJax integration in the visibilityMixin.

Inline math: The derivative of 𝑓(𝑥) =𝑥2 is 𝑓′(𝑥) =2𝑥.

Display math:

∫10𝑥2𝑑𝑥=13

More complex math:

𝑑𝑑𝑥[𝑥2+3𝑥+1𝑥−2]=(2𝑥+3)(𝑥−2)−(𝑥2+3𝑥+1)(𝑥−2)2

Status:

  • Component visible: No
  • MathJax loaded: No
  • MathJax loading: No

Test Component 2

MathJax Test Component

This component tests the MathJax integration in the visibilityMixin.

Inline math: The derivative of 𝑓(𝑥) =𝑥2 is 𝑓′(𝑥) =2𝑥.

Display math:

∫10𝑥2𝑑𝑥=13

More complex math:

𝑑𝑑𝑥[𝑥2+3𝑥+1𝑥−2]=(2𝑥+3)(𝑥−2)−(𝑥2+3𝑥+1)(𝑥−2)2

Status:

  • Component visible: No
  • MathJax loaded: No
  • MathJax loading: No

Test Component 3

MathJax Test Component

This component tests the MathJax integration in the visibilityMixin.

Inline math: The derivative of 𝑓(𝑥) =𝑥2 is 𝑓′(𝑥) =2𝑥.

Display math:

∫10𝑥2𝑑𝑥=13

More complex math:

𝑑𝑑𝑥[𝑥2+3𝑥+1𝑥−2]=(2𝑥+3)(𝑥−2)−(𝑥2+3𝑥+1)(𝑥−2)2

Status:

  • Component visible: No
  • MathJax loaded: No
  • MathJax loading: No