@newskit-render/core 0.0.0-d55b7d88

package/infrastructure/terraform-newrelic/dashboards.tf

@@ -0,0 +1,347 @@
+resource "newrelic_one_dashboard" "frontend_dashboard" {
+  name = "${data.newrelic_entity.render_app.name} Dashboards"
+
+  page {
+    name = "${data.newrelic_entity.render_app.name} Frontend Dashboard"
+
+    widget_billboard {
+      title  = "90th Percentile Metrics Overview"
+      row    = 1
+      column = 1
+
+      nrql_query {
+        query = "SELECT percentile(firstContentfulPaint, 90), percentile(cumulativeLayoutShift, 90), percentile(largestContentfulPaint, 90), percentile(firstInputDelay, 90), percentile(windowLoad, 90) as 'Page Load', percentile(firstInputDelay, 90)/1000 FROM PageViewTiming WHERE appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+
+    widget_bar {
+      title  = "75% Largest Contentful Paint"
+      row    = 1
+      column = 5
+
+      nrql_query {
+        query = "SELECT percentile(largestContentfulPaint, 75) FROM PageViewTiming FACET deviceType WHERE appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+
+    widget_line {
+      title  = "PageView Timings (Mobile)"
+      row    = 1
+      column = 9
+
+      nrql_query {
+        query = "SELECT percentile(firstContentfulPaint, 50), percentile(firstInputDelay, 50), percentile(firstPaint, 50), percentile(largestContentfulPaint, 50), percentile(cumulativeLayoutShift, 50) FROM PageViewTiming TIMESERIES WHERE deviceType = 'Mobile' WHERE appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+
+    widget_line {
+      title  = "PageView Timings (Desktop/Tablet)"
+      row    = 2
+      column = 1
+
+      nrql_query {
+        query = "SELECT percentile(firstContentfulPaint, 75), percentile(firstInputDelay, 75), percentile(firstPaint, 75), percentile(largestContentfulPaint, 75), percentile(cumulativeLayoutShift, 75), percentile(firstInputDelay, 75) FROM PageViewTiming TIMESERIES WHERE (deviceType = 'Desktop' OR deviceType = 'Tablet') WHERE appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+
+    widget_bar {
+      title  = "75% First Input Delay"
+      row    = 2
+      column = 5
+
+      nrql_query {
+        query = "SELECT percentile(firstInputDelay, 75)/1000 FROM PageViewTiming FACET deviceType WHERE appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+
+    widget_bar {
+      title  = "75% Cumulative Layout Shift"
+      row    = 2
+      column = 9
+
+      nrql_query {
+        query = "SELECT percentile(cumulativeLayoutShift, 75) FROM PageViewTiming FACET deviceType WHERE appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+
+    widget_bar {
+      title  = "75% First Contentful Paint"
+      row    = 3
+      column = 1
+
+      nrql_query {
+        query = "SELECT percentile(firstContentfulPaint, 75) FROM PageViewTiming FACET deviceType WHERE appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+
+    widget_line {
+      title  = "90% First Input Delay"
+      row    = 3
+      column = 5
+
+      nrql_query {
+        query = "SELECT percentile(firstInputDelay, 90)/1000 FROM PageViewTiming FACET deviceType TIMESERIES WHERE deviceType IN ('Tablet','Mobile','Desktop') AND appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+
+    widget_bar {
+      title  = "Load times"
+      row    = 3
+      column = 9
+
+      nrql_query {
+        query = "SELECT average(duration) AS 'Average Page Load Time', median(duration) AS 'Median Page Load Time', percentile(duration, 95) AS '95th % Page Load Time' FROM BrowserInteraction EXTRAPOLATE WHERE appName = '${data.newrelic_entity.render_app.name}'"
+      }
+    }
+  }
+
+  page {
+    name = "${data.newrelic_entity.render_app.name} Backend Dashboard"
+
+    widget_line {
+      title  = "Unique Host Count"
+      row    = 1
+      column = 1
+
+      nrql_query {
+        query = "SELECT uniqueCount(host) from Transaction where appName = '${data.newrelic_entity.render_app.name}' since 1 days ago TIMESERIES"
+      }
+    }
+
+    widget_line {
+      title  = "Transactions"
+      row    = 1
+      column = 5
+
+      nrql_query {
+        query = "SELECT count(*) from PageView, Transaction  where appName ='${data.newrelic_entity.render_app.name}' FACET eventType() timeseries AUTO since 1 day ago"
+      }
+    }
+
+    widget_line {
+      title  = "Application Start Up Events"
+      row    = 1
+      column = 9
+
+      nrql_query {
+        query = "SELECT count(*) FROM APPLICATION_START  WHERE appName='${data.newrelic_entity.render_app.name}' SINCE 1 day AGO COMPARE WITH 1 DAY AGO TIMESERIES"
+      }
+    }
+
+    widget_line {
+      title  = "Uncaught Exceptions"
+      row    = 2
+      column = 1
+
+      nrql_query {
+        query = "select count(*) from TransactionError where appName = '${data.newrelic_entity.render_app.name}' where message = 'uncaughtException' or message = 'unhandledRejection' SINCE 1 day AGO COMPARE WITH 1 DAY AGO TIMESERIES"
+      }
+    }
+
+    widget_line {
+      title  = "Transaction Errors %"
+      row    = 2
+      column = 5
+
+      nrql_query {
+        query = "SELECT percentage(count(*), where `error.class` IS NOT NULL) from Transaction,TransactionError where appName = '${data.newrelic_entity.render_app.name}' AND httpResponseCode != 501 since 1 days ago TIMESERIES COMPARE WITH 1 day ago"
+      }
+    }
+
+    widget_line {
+      title  = "Endpoint Usage"
+      row    = 2
+      column = 9
+
+      nrql_query {
+        query = "SELECT count(*) from Transaction where appName= '${data.newrelic_entity.render_app.name}' facet name since 1 day ago TIMESERIES"
+      }
+    }
+
+    widget_line {
+      title  = "Backend 503 Errors"
+      row    = 3
+      column = 1
+
+      nrql_query {
+        query = "SELECT count(*) from TransactionError where appName = '${data.newrelic_entity.render_app.name}' and `error.message` like '%503: %' since 1 days ago TIMESERIES"
+      }
+    }
+  }
+}
+
+resource "newrelic_one_dashboard" "lighthouse_dashboard" {
+  name = "${data.newrelic_entity.render_app.name} Lighthouse Dashboard"
+
+  page {
+    name = "${data.newrelic_entity.render_app.name} Lighthouse Metrics Dashboard"
+
+    widget_billboard {
+      title  = "Lighthouse Metrics"
+      row    = 1
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) as 'FCP', average(custom.largestContentfulPaint) as 'LCP', average(custom.interactive) as 'TTI', average(custom.totalBlockingTime) as 'TBT', average(custom.cumulativeLayoutShift) as 'CLS', average(custom.speedIndex) as 'Speed Index' WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_line {
+      title  = "Lighthouse Metrics-trending"
+      row    = 1
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) as 'FCP', average(custom.largestContentfulPaint) as 'LCP', average(custom.interactive) as 'TTI', average(custom.totalBlockingTime) as 'TBT', average(custom.cumulativeLayoutShift) as 'CLS', average(custom.speedIndex) as 'Speed Index' TIMESERIES AUTO WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_bar {
+      title  = "First Contentful Paint"
+      row    = 4
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) FACET custom.url WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_line {
+      title  = "First Contentful Paint"
+      row    = 4
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) FACET custom.url TIMESERIES AUTO WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_bar {
+      title  = "Largest Contentful Paint"
+      row    = 7
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.largestContentfulPaint) FACET custom.url WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_line {
+      title  = "Largest Contentful Paint"
+      row    = 7
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.largestContentfulPaint) FACET custom.url TIMESERIES AUTO WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_bar {
+      title  = "TTI"
+      row    = 10
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.interactive) as 'TTI' FACET custom.url WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_line {
+      title  = "TTI - trending"
+      row    = 10
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.interactive) FACET custom.url TIMESERIES AUTO WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_bar {
+      title  = "Total Blocking Time (TBT)"
+      row    = 13
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.totalBlockingTime) FACET custom.url WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_line {
+      title = "Total Blocking Time (TBT) - trending"
+      row = 13
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.totalBlockingTime) FACET custom.url TIMESERIES AUTO WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_bar {
+      title = "Cumulative Layout Shift (CLS)"
+      row = 16
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.cumulativeLayoutShift) FACET custom.url WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_line {
+      title = "Cumulative Layout Shift (CLS)"
+      row = 16
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.cumulativeLayoutShift) FACET custom.url TIMESERIES AUTO WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+
+    widget_bar {
+      title = "Speed Index"
+      row = 19
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.speedIndex) FACET custom.url WHERE custom.url = '${var.lighthouseUrl}'"  
+      }
+    }
+
+    widget_line {
+      title = "Speed Index - trading"
+      row = 19
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.speedIndex) FACET custom.url TIMESERIES AUTO WHERE custom.url = '${var.lighthouseUrl}'"
+      }
+    }
+  }
+}

package/infrastructure/terraform-newrelic/dev.tfvars

@@ -0,0 +1,3 @@
+environment = "dev"
+namespace   = "<% PROJECT_NAME >-dev"
+lighthouseUrl = "https://<% PROJECT_NAME >.ceng-dev.newsuk.tech/"

package/infrastructure/terraform-newrelic/lighthouse-script-dev.js

@@ -0,0 +1,53 @@
+/* To get Google Page Speed API Key - https://developers.google.com/speed/docs/insights/v5/get-started  */
+
+got = require('got');
+
+let categories = ['SEO', 'ACCESSIBILITY', 'BEST_PRACTICES', 'PERFORMANCE', 'PWA'];
+let endpoint = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed?key='+ $secure.<% PROJECT_NAME >_PAGESPEED_INSIGHTS_API_KEY + '&';
+const strategy = "desktop";
+let settings = {'url': 'https://<% PROJECT_NAME >.ceng-dev.newsuk.tech/', 'strategy': strategy};
+const options = {
+    method: 'GET',
+    headers: {
+        'Content-Type': 'application/json',
+    }
+};
+categories.forEach((item, i) => {
+    endpoint += `category=${item}&`;
+});
+endpoint += `url=${settings.url}&`;
+endpoint += `strategy=${strategy}`;
+
+
+const getData = async () => {
+    try {
+        const body = await got.get(endpoint, options)
+            .json();
+        let lighthouseMetrics = body.lighthouseResult.audits.metrics.details.items[0];
+        console.log(body.lighthouseResult.configSettings.onlyCategories);
+        $util.insights.set('url', settings.url);
+        $util.insights.set('deviceType', settings.strategy);
+        $util.insights.set('performanceScore', body.lighthouseResult.categories.performance.score * 100);
+        $util.insights.set('accessibilityScore', body.lighthouseResult.categories.accessibility.score * 100);
+        console.log('accessibilityScore', body.lighthouseResult.categories.accessibility.score * 100);
+        $util.insights.set('bestPracticesScore', body.lighthouseResult.categories['best-practices'].score * 100);
+        console.log('bestPracticesScore', body.lighthouseResult.categories['best-practices'].score * 100);
+        $util.insights.set('seoScore', body.lighthouseResult.categories.seo.score * 100);
+        console.log('seoScore', body.lighthouseResult.categories.seo.score * 100);
+        $util.insights.set('pwaScore', body.lighthouseResult.categories.pwa.score * 100);
+        console.log('pwaScore', body.lighthouseResult.categories.pwa.score * 100);
+
+        for (let attributeName in lighthouseMetrics) {
+            if (lighthouseMetrics.hasOwnProperty(attributeName)) {
+                if (!attributeName.includes('Ts')) {
+                    console.log(attributeName + ": " + lighthouseMetrics[attributeName]);
+                    $util.insights.set(attributeName, lighthouseMetrics[attributeName]);
+                }
+            }
+        }
+    } catch (err) {
+        console.error("Error:", err);
+
+    }
+};
+getData();

package/infrastructure/terraform-newrelic/lighthouse-script-prod.js

@@ -0,0 +1,54 @@
+/* To get Google Page Speed API Key - https://developers.google.com/speed/docs/insights/v5/get-started  */
+
+got = require('got');
+
+let categories = ['SEO', 'ACCESSIBILITY', 'BEST_PRACTICES', 'PERFORMANCE', 'PWA'];
+let endpoint = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed?key='+ $secure.<% PROJECT_NAME >_PAGESPEED_INSIGHTS_API_KEY + '&';
+const strategy = "desktop";
+let settings = {'url': 'https://<% PROJECT_NAME >.prod.ceng.newsuk.tech/', 'strategy': strategy};
+const options = {
+    method: 'GET',
+    headers: {
+        'Content-Type': 'application/json',
+    }
+};
+categories.forEach((item, i) => {
+    endpoint += `category=${item}&`;
+});
+endpoint += `url=${settings.url}&`;
+endpoint += `strategy=${strategy}`;
+
+
+const getData = async () => {
+    try {
+        const body = await got.get(endpoint, options)
+            .json();
+        let lighthouseMetrics = body.lighthouseResult.audits.metrics.details.items[0];
+        console.log(body.lighthouseResult.configSettings.onlyCategories);
+        $util.insights.set('url', settings.url);
+        $util.insights.set('deviceType', settings.strategy);
+        $util.insights.set('performanceScore', body.lighthouseResult.categories.performance.score * 100);
+        $util.insights.set('accessibilityScore', body.lighthouseResult.categories.accessibility.score * 100);
+        console.log('accessibilityScore', body.lighthouseResult.categories.accessibility.score * 100);
+        $util.insights.set('bestPracticesScore', body.lighthouseResult.categories['best-practices'].score * 100);
+        console.log('bestPracticesScore', body.lighthouseResult.categories['best-practices'].score * 100);
+        $util.insights.set('seoScore', body.lighthouseResult.categories.seo.score * 100);
+        console.log('seoScore', body.lighthouseResult.categories.seo.score * 100);
+        $util.insights.set('pwaScore', body.lighthouseResult.categories.pwa.score * 100);
+        console.log('pwaScore', body.lighthouseResult.categories.pwa.score * 100);
+
+        for (let attributeName in lighthouseMetrics) {
+            if (lighthouseMetrics.hasOwnProperty(attributeName)) {
+                if (!attributeName.includes('Ts')) {
+                    console.log(attributeName + ": " + lighthouseMetrics[attributeName]);
+                    $util.insights.set(attributeName, lighthouseMetrics[attributeName]);
+                }
+            }
+        }
+    } catch (err) {
+        console.error("Error:", err);
+
+    }
+};
+getData();
+  

package/infrastructure/terraform-newrelic/lighthouse-script-stage.js

@@ -0,0 +1,54 @@
+/* To get Google Page Speed API Key - https://developers.google.com/speed/docs/insights/v5/get-started  */
+
+got = require('got');
+
+let categories = ['SEO', 'ACCESSIBILITY', 'BEST_PRACTICES', 'PERFORMANCE', 'PWA'];
+let endpoint = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed?key='+ $secure.<% PROJECT_NAME >_PAGESPEED_INSIGHTS_API_KEY + '&';
+const strategy = "desktop";
+let settings = {'url': 'https://<% PROJECT_NAME >.staging.ceng.newsuk.tech/', 'strategy': strategy};
+const options = {
+    method: 'GET',
+    headers: {
+        'Content-Type': 'application/json',
+    }
+};
+categories.forEach((item, i) => {
+    endpoint += `category=${item}&`;
+});
+endpoint += `url=${settings.url}&`;
+endpoint += `strategy=${strategy}`;
+
+
+const getData = async () => {
+    try {
+        const body = await got.get(endpoint, options)
+            .json();
+        let lighthouseMetrics = body.lighthouseResult.audits.metrics.details.items[0];
+        console.log(body.lighthouseResult.configSettings.onlyCategories);
+        $util.insights.set('url', settings.url);
+        $util.insights.set('deviceType', settings.strategy);
+        $util.insights.set('performanceScore', body.lighthouseResult.categories.performance.score * 100);
+        $util.insights.set('accessibilityScore', body.lighthouseResult.categories.accessibility.score * 100);
+        console.log('accessibilityScore', body.lighthouseResult.categories.accessibility.score * 100);
+        $util.insights.set('bestPracticesScore', body.lighthouseResult.categories['best-practices'].score * 100);
+        console.log('bestPracticesScore', body.lighthouseResult.categories['best-practices'].score * 100);
+        $util.insights.set('seoScore', body.lighthouseResult.categories.seo.score * 100);
+        console.log('seoScore', body.lighthouseResult.categories.seo.score * 100);
+        $util.insights.set('pwaScore', body.lighthouseResult.categories.pwa.score * 100);
+        console.log('pwaScore', body.lighthouseResult.categories.pwa.score * 100);
+
+        for (let attributeName in lighthouseMetrics) {
+            if (lighthouseMetrics.hasOwnProperty(attributeName)) {
+                if (!attributeName.includes('Ts')) {
+                    console.log(attributeName + ": " + lighthouseMetrics[attributeName]);
+                    $util.insights.set(attributeName, lighthouseMetrics[attributeName]);
+                }
+            }
+        }
+    } catch (err) {
+        console.error("Error:", err);
+
+    }
+};
+getData();
+

package/infrastructure/terraform-newrelic/main.tf

@@ -0,0 +1,11 @@
+provider "newrelic" {
+  account_id = var.newrelic_account_id
+  api_key    = var.newrelic_api_key
+  region     = "US"
+}
+
+data "newrelic_entity" "render_app" {
+  name   = "${var.prefix}:${var.project_name}:${var.environment}"
+  type   = "APPLICATION"
+  domain = "APM"
+}

package/infrastructure/terraform-newrelic/monitors.tf

@@ -0,0 +1,11 @@
+resource "newrelic_synthetics_script_monitor" "lighthouse-monitor" {
+  name                 = "${data.newrelic_entity.render_app.name} Lighthouse Monitor"
+  type                 = "SCRIPT_API"
+  locations_public     = ["EU_WEST_2"]
+  period               = "EVERY_30_MINUTES"
+  status               = "ENABLED"
+  script               = var.environment == "prod" ? file("${path.module}/lighthouse-script-prod.js") : var.environment == "dev" ? file("${path.module}/lighthouse-script-dev.js") : file("${path.module}/lighthouse-script-stage.js")
+  script_language      = "JAVASCRIPT"
+  runtime_type         = "NODE_API"
+  runtime_type_version = "16.10"
+}

package/infrastructure/terraform-newrelic/prod.tfvars

@@ -0,0 +1,3 @@
+environment = "prod"
+namespace   = "<% PROJECT_NAME >-prod"
+lighthouseUrl = "https://<% PROJECT_NAME >.prod.ceng.newsuk.tech/"

package/infrastructure/terraform-newrelic/staging.tfvars

@@ -0,0 +1,3 @@
+environment = "staging"
+namespace   = "<% PROJECT_NAME >-staging"
+lighthouseUrl = "https://<% PROJECT_NAME >.staging.ceng.newsuk.tech/"

package/infrastructure/terraform-newrelic/variables.tf

@@ -0,0 +1,33 @@
+variable "newrelic_account_id" {
+  description = "NewRelic acccount ID"
+}
+
+variable "newrelic_api_key" {
+  description = "NewRelic personal API key"
+}
+
+variable "newrelic_slack_webhook" {
+  description = "webhook that sends alerts to slack"
+}
+
+variable "namespace" {
+  description = "The namespace used for kubernetes deployments"
+}
+
+variable "environment" {
+  description = "Alias to be used when creating resources"
+}
+
+variable "prefix" {
+  description = "Prefix for all project services"
+  default     = "<% PROJECT_PREFIX >"
+}
+
+variable "project_name" {
+  description = "The Project name"
+  default     = "<% PROJECT_NAME >"
+}
+
+variable "lighthouseUrl" {
+  description = "url to be analyzed by Lighthouse"
+}

package/infrastructure/terraform-newrelic/versions.tf

@@ -0,0 +1,18 @@
+terraform {
+  required_providers {
+    newrelic = {
+      source = "newrelic/newrelic"
+      version = "3.14.0"
+    }
+    template = {
+      source = "hashicorp/template"
+    }
+  }
+
+  backend "s3" {
+    bucket = "<% S3_BUCKET_NAME >"
+    region = "eu-west-1"
+  }
+
+  required_version = ">= 1.3.9"
+}

package/jest.config.js

@@ -0,0 +1,40 @@
+process.env.TZ = 'GMT'
+
+const nextJest = require('next/jest')
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: './',
+})
+
+const customJestConfig = {
+  setupFilesAfterEnv: ['<rootDir>/helpers/setupTests.ts'],
+  moduleDirectories: ['node_modules', '<rootDir>/'],
+  coverageThreshold: {
+    global: {
+      branches: 50,
+      functions: 90,
+      lines: 90,
+      statements: 90,
+    },
+  },
+  moduleNameMapper: {
+    '^react$': '<rootDir>/node_modules/react',
+    '^newskit$': '<rootDir>/node_modules/newskit',
+  },
+  testEnvironment: 'jest-environment-jsdom',
+  watchPlugins: [
+    'jest-watch-typeahead/filename',
+    'jest-watch-typeahead/testname',
+  ],
+  testPathIgnorePatterns: [
+    '<rootDir>/cypress/',
+    '<rootDir>/node_modules/',
+    '<rootDir>/.next/',
+  ],
+  coveragePathIgnorePatterns: ['<rootDir>/config/environment.ts'],
+  testMatch: ['**/?(*.)+(test).[jt]s?(x)'],
+}
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig)

package/jest.config.pact.js

@@ -0,0 +1,18 @@
+process.env.PORT = 4343
+module.exports = {
+    testEnvironment: 'node',
+    testMatch: [
+        '<rootDir>/__pacts__/**/*.pact.ts',
+    ],
+    globals: {
+        'ts-jest': {
+            tsconfig: 'tsconfig.test.json'
+        }
+    },
+    transform: {
+        '^.+\\.(ts|tsx)$': 'ts-jest',
+    },
+    modulePathIgnorePatterns: [],
+    moduleFileExtensions: ['ts', 'tsx', 'js', 'json'],
+    preset: 'ts-jest/presets/js-with-ts',
+};