feat(math-rendering): add abs macro support in TeX configuration PIE-442

packages/math-rendering/src/__tests__/render-math.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
+import { TeX } from 'mathjax-full/js/input/tex';
 import renderMath, { fixMathElement } from '../render-math';
 import { times } from 'lodash-es';
 
@@ -140,6 +141,16 @@ describe('render-math', () => {
     });
   });
 
+  it('registers the abs macro in the TeX config', () => {
+    const div = document.createElement('div');
+
+    renderMath(div);
+
+    const texConfig = TeX.mock.calls[0][0];
+
+    expect(texConfig.macros.abs).toEqual(['\\left|#1\\right|', 1]);
+  });
+
   it('wraps the math containing element the right way', () => {
     const { container } = render(
       <div>

packages/math-rendering/src/render-math.js

@@ -132,6 +132,7 @@ const createMathMLInstance = (opts, docProvided = document) => {
     overarc: '\\overparen',
     napprox: '\\not\\approx',
     longdiv: '\\enclose{longdiv}',
+    abs: ['\\left|#1\\right|', 1],
   };
 
   const texConfig = opts.useSingleDollar