fix: Use documentLocaleSettings (#156)

* Use documentLocaleSettings

* Add documentLocaleSettings to lang tests

* Just check against the current document lang

* Re-add documentLocaleSettings, but read-only

package.json

@@ -36,8 +36,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@rollup/plugin-node-resolve": "^15",
+    "@brightspace-ui/intl": "^3",
     "@open-wc/testing": "^3",
+    "@rollup/plugin-node-resolve": "^15",
     "@web/config-loader": "^0.2",
     "@web/dev-server": "^0.2",
     "@web/rollup-plugin-html": "^2",

src/browser/reset.js

@@ -1,12 +1,15 @@
 import { sendMouse, setViewport } from '@web/test-runner-commands';
+import { getDocumentLocaleSettings } from '@brightspace-ui/intl/lib/common.js';
 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,
+const documentLocaleSettings = getDocumentLocaleSettings();
+
+let
 	currentMathjaxRenderLatex = DEFAULT_MATHJAX_RENDER_LATEX,
 	currentRtl = false,
 	currentViewportHeight = 0,
@@ -57,9 +60,9 @@ export async function reset(opts = {}) {
 		currentRtl = opts.rtl;
 	}
 
-	if (opts.lang !== currentLang) {
-		document.documentElement.setAttribute('lang', opts.lang);
-		currentLang = opts.lang;
+	opts.lang ??= '';
+	if (documentLocaleSettings.lamguage !== opts.lang) {
+		document.documentElement.lang = opts.lang;
 		awaitNextFrame = true;
 	}