feat: support configuring mathjax context (#108)

BrightspaceUI · Aug 1, 2023 · 0c43fa1 · 0c43fa1
1 parent 7631066
commit 0c43fa1
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/src/browser/reset.js b/src/browser/reset.js
@@ -2,10 +2,12 @@ import { sendMouse, setViewport } from '@web/test-runner-commands';
 import { nextFrame } from '@open-wc/testing';
 
 const DEFAULT_LANG = 'en',
+	DEFAULT_MATHJAX_RENDER_LATEX = false,
 	DEFAULT_VIEWPORT_HEIGHT = 800,
 	DEFAULT_VIEWPORT_WIDTH = 800;
 
 let currentLang = undefined,
+	currentMathjaxRenderLatex = DEFAULT_MATHJAX_RENDER_LATEX,
 	currentRtl = false,
 	currentViewportHeight = 0,
 	currentViewportWidth = 0,
@@ -19,6 +21,8 @@ export async function reset(opts) {
 
 	opts = opts || {};
 	opts.lang = opts.lang || DEFAULT_LANG;
+	opts.mathjax = opts.mathjax || {};
+	opts.mathjax.renderLatex = (typeof opts.mathjax.renderLatex === 'boolean') ? opts.mathjax.renderLatex : DEFAULT_MATHJAX_RENDER_LATEX;
 	opts.rtl = opts.lang.startsWith('ar') || !!opts.rtl;
 	opts.viewport = opts.viewport || {};
 	opts.viewport.height = opts.viewport.height || DEFAULT_VIEWPORT_HEIGHT;
@@ -61,6 +65,17 @@ export async function reset(opts) {
 		currentViewportWidth = opts.viewport.width;
 	}
 
+	if (opts.mathjax.renderLatex !== currentMathjaxRenderLatex) {
+		currentMathjaxRenderLatex = opts.mathjax.renderLatex;
+		if (opts.mathjax.renderLatex === DEFAULT_MATHJAX_RENDER_LATEX) {
+			document.documentElement.removeAttribute('data-mathjax-context');
+		} else {
+			document.documentElement.dataset.mathjaxContext = JSON.stringify({
+				renderLatex: opts.mathjax.renderLatex
+			});
+		}
+	}
+
 	if (awaitNextFrame) {
 		await nextFrame();
 	}

diff --git a/test/browser/fixture.test.js b/test/browser/fixture.test.js
@@ -141,6 +141,18 @@ describe('fixture', () => {
 			expect(document.documentElement.getAttribute('lang')).to.equal('en');
 		});
 
+		it('should use specified mathjax latex config', async() => {
+			await fixture(html`<p>hello</p>`, { mathjax: { renderLatex: true } });
+			const config = JSON.parse(document.documentElement.dataset.mathjaxContext);
+			expect(config.renderLatex).to.be.true;
+		});
+
+		it('should reset mathjax latex config', async() => {
+			await fixture(html`<p>hello</p>`, { mathjax: { renderLatex: true } });
+			await fixture(html`<p>hello</p>`);
+			expect(document.documentElement.hasAttribute('data-mathjax-context')).to.be.false;
+		});
+
 		it('should default viewport size to 800x800', async() => {
 			await fixture(html`<p>hello</p>`);
 			expect(window.innerHeight).to.equal(800);