Merge pull request #196 from cloudinary/APPS-7306-add-devtools-networ…

…k-test

Apps 7306 add devtools network test

src/test/specs/startNetworkAuditSpec.ts

@@ -0,0 +1,34 @@
+import { describeCommon, sampleAppUrl } from '../TestHelper';
+import { BrowserUtils } from '../..';
+
+interface NetworkLog {
+  url: string;
+  status: number;
+}
+
+/**
+ * DevTools - Start network audit
+ */
+describeCommon('startNetworkAudit', () => {
+  it('successfully start and read network audit', () => {
+    const expectedLog: NetworkLog = { url: 'http://placekitten.com/480/480', status: 200 };
+    const networkLogs: Array<NetworkLog> = [];
+
+    browser.on('Network.responseReceived', (params: any) => {
+      networkLogs.push({
+        url: params.response.url,
+        status: Number(params.response.status),
+      });
+    });
+
+    BrowserUtils.navigateToUrl(sampleAppUrl);
+
+    BrowserUtils.waitUntil(
+      () => {
+        return networkLogs.some((log) => log.url === expectedLog.url && Number(log.status) === expectedLog.status);
+      },
+      `Expected log [${JSON.stringify(expectedLog)}] was not found`,
+      5000
+    );
+  });
+});

src/test/wdio.conf.js

@@ -50,7 +50,8 @@ exports.config = {
   // your test setup with almost no effort. Unlike plugins, they don't add new
   // commands. Instead, they hook themselves up into the test process.
   services: [
-    [
+      ['devtools'],
+      [
       'selenium-standalone',
       {
         installArgs: seleniumStandaloneArgs,