@brightspace-ui/testing 0.34.2 → 0.35.1

package/README.md

@@ -102,6 +102,19 @@ If `lang` is set to Arabic (`ar`), the right-to-left option will automatically b
 
 > **Note:** it's not recommended to use `language` configuration with [vdiff](#vdiff-testing) to solely test the correctness of translations. The [messageformat-validator](https://github.com/bearfriend/messageformat-validator) is a more efficient way to test translations.
 
+#### Configuring the Media Type
+
+By default, tests will run using the `screen` media type. To use a different media type, pass a `media` option to `fixture()`.
+
+```javascript
+it('should work when printing', async() => {
+  const elem = await fixture(html`<my-elem></my-elem>`, {
+    media: 'print'
+  });
+  // do assertions
+});
+```
+
 ### Accessibility Testing with aXe
 
 Elements can be processed by the [aXe accessibility validator](https://github.com/dequelabs/axe-core), which will automatically fail the test if any violations are detected.
@@ -296,7 +309,7 @@ await waitUntil(() => elem.condition, {
 If a test requires a one-off custom element, define it using `defineCE` and pass the returned tag name to `fixture()`.
 
 ```javascript
-import { defineCE, fixture, html } from '@brightspace-ui/testing';
+import { defineCE, fixture } from '@brightspace-ui/testing';
 
 const tag = defineCE(
   class extends LitElement {
@@ -311,7 +324,7 @@ const tag = defineCE(
 
 it('should use custom element', async() => {
   const foo = 'bar';
-  const elem = await fixture(html`<${tag} foo="${foo}"></${tag}>`);
+  const elem = await fixture(`<${tag} foo="${foo}"></${tag}>`);
 });
 ```
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@brightspace-ui/testing",
   "description": "Utilities for testing front-end components and applications",
   "type": "module",
-  "version": "0.34.2",
+  "version": "0.35.1",
   "repository": "https://github.com/BrightspaceUI/testing.git",
   "scripts": {
     "lint": "eslint . --ext .js",

package/src/browser/reset.js

@@ -1,10 +1,11 @@
-import { sendMouse, setViewport } from '@web/test-runner-commands';
+import { emulateMedia, sendMouse, setViewport } from '@web/test-runner-commands';
 import { getDocumentLocaleSettings } from '@brightspace-ui/intl/lib/common.js';
 import { nextFrame } from '@open-wc/testing';
 
 const DEFAULT_FULLSCREEN = false,
 	DEFAULT_LANG = 'en',
 	DEFAULT_MATHJAX_RENDER_LATEX = false,
+	DEFAULT_MEDIA = 'screen',
 	DEFAULT_VIEWPORT_HEIGHT = 800,
 	DEFAULT_VIEWPORT_WIDTH = 800;
 
@@ -13,6 +14,7 @@ const documentLocaleSettings = getDocumentLocaleSettings();
 let
 	currentFullscreen = false,
 	currentMathjaxRenderLatex = DEFAULT_MATHJAX_RENDER_LATEX,
+	currentMedia = DEFAULT_MEDIA,
 	currentRtl = false,
 	currentViewportHeight = 0,
 	currentViewportWidth = 0,
@@ -32,7 +34,8 @@ export async function reset(opts = {}) {
 			height: DEFAULT_VIEWPORT_HEIGHT,
 			width: DEFAULT_VIEWPORT_WIDTH
 		},
-		fullscreen: DEFAULT_FULLSCREEN
+		fullscreen: DEFAULT_FULLSCREEN,
+		media: DEFAULT_MEDIA
 	};
 
 	opts = { ...defaultOpts, ...opts };
@@ -98,6 +101,12 @@ export async function reset(opts = {}) {
 		}
 	}
 
+	if (opts.media !== currentMedia) {
+		currentMedia = opts.media;
+		await emulateMedia({ media: opts.media }).catch(() => {});
+		awaitNextFrame = true;
+	}
+
 	if (awaitNextFrame) {
 		await nextFrame();
 	}