[Vue] migrate periods service to typescript & introduce frontend unit testing for vue & migrate periods.spec.js (#18092)

* initial periods service conversion

* get period service migration to compile

* getLastNRange was public static

* fix an issue, switch angularjs tests to use chrome headless and hope it works

* remove phantomjs requirement

* get vue unit testing to work w/ jest (only option right now, the mocha plugin is not compatible w/ vue 3 and no one is working on making it compatible)

* more test code

* progress

* more progress

* more progress, single passing test

* finish converting periods.spec.js and get test to pass

* remove use of any in periods service and rebuilt corehome

* add missing file headers

* fix run-once.sh

* debug travis build

* remove debugging code & update submodule

* update submodule

* more travis debugging

* install npm dependencies in "install-ubuntu.sh"

* use latest node

* try this again

* typos

* more debugging

* more debugging

* testing something

* testing something else

* testing something else

* testing something else

* testing something else

* testing something else

* testing something else

* testing something else

* testing something else

* testing something else

* testing something else

* revert travis.yml changes

* update some expected screenshots

* releasechecklisttest fix

1 files changed, 27 insertions, 0 deletions

diff --git a/plugins/CoreHome/vue/src/Periods/Periods.adapter.ts b/plugins/CoreHome/vue/src/Periods/Periods.adapter.ts
new file mode 100644
index 0000000000..b81b16242b
--- /dev/null
+++ b/plugins/CoreHome/vue/src/Periods/Periods.adapter.ts
@@ -0,0 +1,27 @@
+/*!
+ * Matomo - free/libre analytics platform
+ *
+ * @link https://matomo.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+import Periods from './Periods';
+import RangePeriod from './Range';
+import { parseDate, format, todayIsInRange } from './utilities';
+
+piwik.addCustomPeriod = Periods.addCustomPeriod.bind(Periods);
+
+function piwikPeriods() {
+  return {
+    getAllLabels: Periods.getAllLabels.bind(Periods),
+    isRecognizedPeriod: Periods.isRecognizedPeriod.bind(Periods),
+    get: Periods.get.bind(Periods),
+    parse: Periods.parse.bind(Periods),
+    parseDate,
+    format,
+    RangePeriod,
+    todayIsInRange,
+  };
+}
+
+angular.module('piwikApp.service').factory('piwikPeriods', piwikPeriods);