test: add e2e test to ensure we ship with non audio/video codecs (#2604)

.gitattributes

@@ -1 +1,2 @@
 * text=auto eol=lf
+*.mp3 binary

copyright-header.config.json

@@ -24,6 +24,7 @@
         "**/*.scss.d.ts",
         "**/*.snap",
         "**/*.svg",
+        "**/*.mp3",
         "Dockerfile",
         "yarn.lock"
     ],

pipeline/unified/build-unsigned-release-packages.yaml

@@ -16,6 +16,9 @@ strategy:
 pool:
     vmImage: $(vmImage)
 
+variables:
+    RUN_RELEASE_TESTS: true
+
 steps:
     - template: ../install-node-prerequisites.yaml
 

src/tests/electron/common/create-application.ts

@@ -18,20 +18,22 @@ export async function createApplication(options?: AppOptions): Promise<AppContro
         (global as any).rootDir
     }/drop/electron/unified-dev/product/bundle/main.bundle.js`;
 
+    const appController = await createAppController(targetApp);
+
+    if (options?.suppressFirstTimeDialog === true) {
+        await appController.setTelemetryState(false);
+    }
+
+    return appController;
+}
+
+export async function createAppController(targetApp: string): Promise<AppController> {
     const app = new Application({
         path: Electron as any,
         args: [targetApp],
         connectionRetryCount: DEFAULT_APP_CONNECT_RETRIES,
         connectionRetryTimeout: DEFAULT_APP_CONNECT_TIMEOUT_MS,
     });
-
     await app.start();
-
-    const appController = new AppController(app);
-
-    if (options?.suppressFirstTimeDialog === true) {
-        await appController.setTelemetryState(false);
-    }
-
-    return appController;
+    return new AppController(app);
 }

src/tests/electron/common/view-controllers/app-controller.ts

@@ -8,7 +8,7 @@ import { DEFAULT_WAIT_FOR_ELEMENT_TO_BE_VISIBLE_TIMEOUT_MS } from 'tests/electro
 import { AutomatedChecksViewController } from './automated-checks-view-controller';
 
 export class AppController {
-    private client: SpectronAsyncClient;
+    public client: SpectronAsyncClient;
 
     constructor(public app: Application) {
         this.client = app.client as any;

src/tests/electron/common/view-controllers/codecs-test-view-controller.ts

@@ -0,0 +1,14 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+import { SpectronAsyncClient } from 'tests/electron/common/view-controllers/spectron-async-client';
+import { ViewController } from './view-controller';
+
+export class CodecTestViewController extends ViewController {
+    constructor(client: SpectronAsyncClient) {
+        super(client);
+    }
+
+    public async waitForAudioVisible(): Promise<void> {
+        await this.waitForSelector('#audio');
+    }
+}

src/tests/electron/tests/framework-no-codecs.test.ts

@@ -0,0 +1,39 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+import * as path from 'path';
+import { createAppController } from 'tests/electron/common/create-application';
+import { AppController } from 'tests/electron/common/view-controllers/app-controller';
+import { CodecTestViewController } from 'tests/electron/common/view-controllers/codecs-test-view-controller';
+
+/*
+We bundle a mirrored version of electron with no
+audio/video codecs to avoid shipping proprietary codecs
+we don't need in the release build. This e2e test checks
+to ensure we have the right codecs. If this test fails,
+it's likely node_modules/electron/dist was not replaced
+with the appropriate electron mirror.
+*/
+
+const releaseTests = process.env.RUN_RELEASE_TESTS === 'true';
+(releaseTests ? describe : describe.skip)(
+    'electron bundled without proprietary audio-video codecs',
+    () => {
+        let appController: AppController;
+        let viewContoller: CodecTestViewController;
+
+        beforeEach(async () => {
+            appController = await createAppController(
+                path.resolve(__dirname, '..', '..', 'miscellaneous', 'codecs', 'codecs-test.js'),
+            );
+            viewContoller = new CodecTestViewController(appController.client);
+            await viewContoller.waitForAudioVisible();
+        });
+
+        afterEach(async () => await appController.stop());
+
+        // https://html.spec.whatwg.org/multipage/media.html#error-codes:dom-mediaerror-media_err_src_not_supported
+        it('has error when loading mp3 <audio> in renderer process', async () => {
+            expect(await viewContoller.client.getAttribute('#audio', 'data-err')).toEqual('4');
+        });
+    },
+);

src/tests/miscellaneous/codecs/codecs-test.js

@@ -0,0 +1,8 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+const { app, BrowserWindow } = require('electron');
+
+app.whenReady().then(() => {
+    const win = new BrowserWindow();
+    win.loadFile('codecs.html');
+});

src/tests/miscellaneous/codecs/codecs.html

@@ -0,0 +1,20 @@
+<!--
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the MIT License.
+-->
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8" />
+        <title>electron audio test</title>
+    </head>
+    <body>
+        mp3 playback should fail:
+        <audio
+            controls
+            src="codecs-test.mp3"
+            id="audio"
+            onerror="this.setAttribute('data-err', event.target.error.code)"
+        ></audio>
+    </body>
+</html>