feat: add google universal analytics gtag.js plugin

Author: ekoz

test/e2e/ga.test.js

@@ -0,0 +1,96 @@
+// Modules, constants, and variables
+// -----------------------------------------------------------------------------
+const docsifyInit = require('../helpers/docsify-init');
+const { test, expect } = require('./fixtures/docsify-init-fixture');
+
+const gaTagList = [
+  'AW-YYYYYY', // Google Ads
+  'DC-ZZZZZZ', // Floodlight
+  'G-XXXXXX', // Google Analytics 4 (GA4)
+  'UA-XXXXXX', // Google Universal Analytics (GA3)
+];
+
+// Suite
+// -----------------------------------------------------------------------------
+test.describe('GA Plugin Tests', () => {
+  // page request listened, print collect url
+  function pageRequestListened(page) {
+    // page.on('request', request => {
+    //   if (request.url().indexOf('www.google-analytics.com') !== -1) {
+    //     console.log(request.url());
+    //   }
+    // });
+
+    page.on('response', response => {
+      const request = response.request();
+      // googleads.g.doubleclick.net
+      // www.google-analytics.com
+      // www.googletagmanager.com
+      const reg =
+        /googleads\.g\.doubleclick\.net|www\.google-analytics\.com|www\.googletagmanager\.com/g;
+      if (request.url().match(reg)) {
+        console.log(request.url(), response.status());
+      }
+    });
+  }
+
+  // Tests
+  // ---------------------------------------------------------------------------
+  test('single gtag', async ({ page }) => {
+    pageRequestListened(page);
+
+    const docsifyInitConfig = {
+      config: {
+        ga: gaTagList[0],
+      },
+      scriptURLs: ['/lib/plugins/ga.min.js'],
+      styleURLs: ['/lib/themes/vue.css'],
+    };
+
+    await docsifyInit({
+      ...docsifyInitConfig,
+    });
+
+    const $docsify = await page.evaluate(() => window.$docsify);
+
+    // Verify config options
+    expect(typeof $docsify).toEqual('object');
+
+    console.log($docsify.ga, $docsify.ga === '');
+
+    // Tests
+    expect($docsify.ga).not.toEqual('');
+  });
+
+  test('multi gtag', async ({ page }) => {
+    pageRequestListened(page);
+
+    const docsifyInitConfig = {
+      config: {
+        ga: gaTagList,
+      },
+      scriptURLs: ['/lib/plugins/ga.min.js'],
+      styleURLs: ['/lib/themes/vue.css'],
+    };
+
+    await docsifyInit({
+      ...docsifyInitConfig,
+    });
+
+    const $docsify = await page.evaluate(() => window.$docsify);
+
+    // Verify config options
+    expect(typeof $docsify).toEqual('object');
+
+    console.log($docsify.ga, $docsify.ga === '');
+
+    // Tests
+    expect($docsify.ga).not.toEqual('');
+  });
+
+  test('data-ga attribute', async ({ page }) => {
+    pageRequestListened(page);
+
+    // TODO
+  });
+});