@newrelic/browser-agent 1.242.0 → 1.243.1

package/src/common/vitals/interaction-to-next-paint.test.js

@@ -1,74 +0,0 @@
-beforeEach(() => {
-  jest.resetModules()
-  jest.resetAllMocks()
-  jest.clearAllMocks()
-})
-
-const getFreshINPImport = async (codeToRun) => {
-  const { interactionToNextPaint } = await import('./interaction-to-next-paint')
-  codeToRun(interactionToNextPaint)
-}
-
-describe('inp', () => {
-  test('reports fcp from web-vitals', (done) => {
-    getFreshINPImport(metric => metric.subscribe(({ value, attrs }) => {
-      expect(value).toEqual(1)
-      expect(attrs.metricId).toEqual('id')
-      done()
-    }))
-  })
-
-  test('does NOT report if not browser scoped', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: false
-    }))
-
-    getFreshINPImport(metric => {
-      metric.subscribe(() => {
-        console.log('should not have reported...')
-        expect(1).toEqual(2)
-      })
-      setTimeout(done, 1000)
-    })
-  })
-
-  test('multiple subs get same value', done => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: true
-    }))
-    let sub1, sub2
-    getFreshINPImport(metric => {
-      const remove1 = metric.subscribe(({ entries }) => {
-        sub1 ??= entries[0].id
-        if (sub1 === sub2) { remove1(); remove2(); done() }
-      })
-
-      const remove2 = metric.subscribe(({ entries }) => {
-        sub2 ??= entries[0].id
-        if (sub1 === sub2) { remove1(); remove2(); done() }
-      })
-    })
-  })
-
-  test('reports more than once', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: true
-    }))
-    let triggered = 0
-    getFreshINPImport(metric => {
-      metric.subscribe(({ value }) => {
-        triggered++
-        expect(value).toEqual(1)
-        expect(triggered).toEqual(1)
-      })
-      setTimeout(() => {
-        // the metric emits every quarter second
-        expect(triggered).toBeGreaterThanOrEqual(3)
-        done()
-      }, 1000)
-    })
-  })
-})

package/src/common/vitals/largest-contentful-paint.test.js

@@ -1,94 +0,0 @@
-beforeEach(() => {
-  jest.resetModules()
-  jest.resetAllMocks()
-  jest.clearAllMocks()
-})
-
-const getFreshLCPImport = async (codeToRun) => {
-  const { largestContentfulPaint } = await import('./largest-contentful-paint')
-  codeToRun(largestContentfulPaint)
-}
-
-describe('lcp', () => {
-  test('reports lcp from web-vitals', (done) => {
-    getFreshLCPImport(metric => metric.subscribe(({ value, attrs }) => {
-      expect(value).toEqual(1)
-      expect(attrs).toMatchObject({
-        size: expect.any(Number),
-        eid: expect.any(String),
-        elUrl: expect.any(String),
-        elTag: expect.any(String)
-      })
-      done()
-    }))
-  })
-
-  test('does NOT report if not browser scoped', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: false
-    }))
-
-    getFreshLCPImport(metric => {
-      metric.subscribe(() => {
-        console.log('should not have reported...')
-        expect(1).toEqual(2)
-      })
-      setTimeout(done, 1000)
-    })
-  })
-
-  test('Does NOT report values if initiallyHidden', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      initiallyHidden: true,
-      isBrowserScope: true
-    }))
-
-    getFreshLCPImport(metric => {
-      metric.subscribe(() => {
-        console.log('should not have reported')
-        expect(1).toEqual(2)
-      })
-      setTimeout(done, 1000)
-    })
-  })
-
-  test('multiple subs get same value', done => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: true
-    }))
-    let sub1, sub2
-    getFreshLCPImport(metric => {
-      const remove1 = metric.subscribe(({ entries }) => {
-        sub1 ??= entries[0].id
-        if (sub1 === sub2) { remove1(); remove2(); done() }
-      })
-
-      const remove2 = metric.subscribe(({ entries }) => {
-        sub2 ??= entries[0].id
-        if (sub1 === sub2) { remove1(); remove2(); done() }
-      })
-    })
-  })
-
-  test('reports only once', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      initiallyHidden: false,
-      isBrowserScope: true
-    }))
-    let triggered = 0
-    getFreshLCPImport(metric => metric.subscribe(({ value }) => {
-      triggered++
-      expect(value).toEqual(1)
-      expect(triggered).toEqual(1)
-      setTimeout(() => {
-        expect(triggered).toEqual(1)
-        done()
-      }, 1000)
-    })
-    )
-  })
-})

package/src/common/vitals/long-task.test.js

@@ -1,122 +0,0 @@
-beforeEach(() => {
-  jest.resetModules()
-  jest.resetAllMocks()
-  jest.clearAllMocks()
-
-  const mockPerformanceObserver = jest.fn(cb => ({
-    observe: () => {
-      const callCb = () => {
-        // eslint-disable-next-line
-        cb({
-          getEntries: () => ([{
-            name: 'longtask',
-            duration: 1,
-            startTime: 1,
-            attribution: [{
-              containerType: 'object',
-              containerSrc: 'src',
-              containerId: 'id',
-              containerName: 'name'
-            }]
-          }])
-        })
-        setTimeout(callCb, 250)
-      }
-      setTimeout(callCb, 250)
-    },
-    disconnect: jest.fn()
-  }))
-  global.PerformanceObserver = mockPerformanceObserver
-  global.PerformanceObserver.supportedEntryTypes = ['longtask']
-})
-
-const getFreshLTImport = async (codeToRun) => {
-  const { longTask } = await import('./long-task')
-  codeToRun(longTask)
-}
-
-describe('lt', () => {
-  test('reports lt', (done) => {
-    getFreshLTImport(metric => metric.subscribe(({ value, attrs }) => {
-      expect(value).toEqual(1)
-      expect(attrs).toMatchObject({
-        ltFrame: 'longtask',
-        ltStart: 1,
-        ltCtr: 'object',
-        ltCtrSrc: 'src',
-        ltCtrId: 'id',
-        ltCtrName: 'name'
-      })
-      done()
-    }))
-  })
-
-  test('does NOT report if not browser scoped', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: false
-    }))
-
-    getFreshLTImport(metric => {
-      metric.subscribe(() => {
-        console.log('should not have reported...')
-        expect(1).toEqual(2)
-      })
-      setTimeout(done, 1000)
-    })
-  })
-
-  test('does NOT report if browser does not support longtask', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: true
-    }))
-
-    global.PerformanceObserver.supportedEntryTypes = ['paint']
-
-    getFreshLTImport(metric => {
-      metric.subscribe(() => {
-        console.log('should not have reported...')
-        expect(1).toEqual(2)
-      })
-      setTimeout(done, 1000)
-    })
-  })
-
-  test('multiple subs get same value', done => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: true
-    }))
-    let sub1, sub2
-    getFreshLTImport(metric => {
-      const remove1 = metric.subscribe(({ entries }) => {
-        sub1 ??= entries[0].id
-        if (sub1 === sub2) { remove1(); remove2(); done() }
-      })
-
-      const remove2 = metric.subscribe(({ entries }) => {
-        sub2 ??= entries[0].id
-        if (sub1 === sub2) { remove1(); remove2(); done() }
-      })
-    })
-  })
-
-  test('reports more than once', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: true
-    }))
-    let triggered = 0
-    getFreshLTImport(metric => metric.subscribe(({ value }) => {
-      triggered++
-      expect(value).toEqual(1)
-      expect(triggered).toEqual(1)
-      setTimeout(() => {
-        expect(triggered).toBeGreaterThanOrEqual(3)
-        done()
-      }, 1000)
-    })
-    )
-  })
-})

package/src/common/vitals/time-to-first-byte.test.js

@@ -1,147 +0,0 @@
-beforeEach(() => {
-  jest.resetModules()
-  jest.resetAllMocks()
-  jest.clearAllMocks()
-})
-
-const getFreshTTFBImport = async (codeToRun) => {
-  const { timeToFirstByte } = await import('./time-to-first-byte')
-  codeToRun(timeToFirstByte)
-}
-
-describe('ttfb', () => {
-  test('reports ttfb from web-vitals', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isiOS: false,
-      isBrowserScope: true
-    }))
-    global.PerformanceNavigationTiming = jest.fn()
-
-    getFreshTTFBImport(metric => metric.subscribe(({ value }) => {
-      expect(value).toEqual(1)
-      done()
-    }))
-  })
-
-  test('does NOT report if not browser scoped', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: false
-    }))
-
-    getFreshTTFBImport(metric => {
-      metric.subscribe(() => {
-        console.log('should not have reported...')
-        expect(1).toEqual(2)
-      })
-      setTimeout(done, 1000)
-    })
-  })
-
-  test('does NOT report ttfb from web-vitals if no PNT', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isiOS: false,
-      isBrowserScope: true
-    }))
-    global.PerformanceNavigationTiming = undefined
-
-    getFreshTTFBImport(metric => {
-      metric.subscribe(() => {
-        console.log('should not have reported...')
-        expect(1).toEqual(2)
-      })
-      setTimeout(done, 1000)
-    })
-  })
-
-  test('does NOT report ttfb from web-vitals if is iOS', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isiOS: true,
-      isBrowserScope: true
-    }))
-    global.PerformanceNavigationTiming = jest.fn()
-
-    getFreshTTFBImport(metric => {
-      metric.subscribe(() => {
-        console.log('should not have reported...')
-        expect(1).toEqual(2)
-      })
-      setTimeout(done, 1000)
-    })
-  })
-
-  test('reports from performance.timing if cant use web-vitals', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isiOS: true,
-      globalScope: {
-        performance: {
-          timing: {
-            responseStart: 2
-          }
-        }
-      },
-      offset: 1,
-      isBrowserScope: true
-    }))
-    global.PerformanceNavigationTiming = undefined
-
-    getFreshTTFBImport(metric => {
-      metric.subscribe(({ value }) => {
-        expect(value).toEqual(1) // responseStart (2) - offset (1) === 1
-        done()
-      })
-    })
-  })
-
-  test('multiple subs get same value', done => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isBrowserScope: true,
-      isiOS: false
-    }))
-    global.PerformanceNavigationTiming = jest.fn()
-    let sub1, sub2
-    getFreshTTFBImport(metric => {
-      const remove1 = metric.subscribe(({ entries }) => {
-        sub1 ??= entries[0].id
-        if (sub1 === sub2) { remove1(); remove2(); done() }
-      })
-
-      const remove2 = metric.subscribe(({ entries }) => {
-        sub2 ??= entries[0].id
-        if (sub1 === sub2) { remove1(); remove2(); done() }
-      })
-    })
-  })
-
-  test('reports only once', (done) => {
-    jest.doMock('../constants/runtime', () => ({
-      __esModule: true,
-      isiOS: true,
-      globalScope: {
-        performance: {
-          timing: {
-            responseStart: 2
-          }
-        }
-      },
-      offset: 1,
-      isBrowserScope: true
-    }))
-    let triggered = 0
-    getFreshTTFBImport(metric => metric.subscribe(({ value }) => {
-      triggered++
-      expect(value).toEqual(1)
-      expect(triggered).toEqual(1)
-      setTimeout(() => {
-        expect(triggered).toEqual(1)
-        done()
-      }, 1000)
-    })
-    )
-  })
-})

package/src/common/vitals/vital-metric.test.js

@@ -1,171 +0,0 @@
-import { VitalMetric } from './vital-metric'
-
-let vitalMetric
-beforeEach(() => {
-  vitalMetric = new VitalMetric('test')
-})
-
-afterEach(() => {
-  jest.resetAllMocks()
-})
-
-describe('vital-metric', () => {
-  test('default values', () => {
-    expect(vitalMetric).toMatchObject({
-      name: 'test',
-      history: []
-    })
-
-    expect(vitalMetric.current).toMatchObject({
-      name: 'test',
-      attrs: {},
-      entries: [],
-      value: undefined
-    })
-  })
-
-  test('update', () => {
-    let i = 0
-    vitalMetric.update({ value: i, entries: [{ test: i + 1 }], attrs: { test: i + 2 }, shouldAddConnectionAttributes: true })
-    expect(vitalMetric.current).toMatchObject({
-      value: i,
-      entries: [{ test: i + 1 }],
-      attrs: { test: i + 2 }
-    })
-
-    i++
-    vitalMetric.update({ value: i, entries: [{ test: i + 1 }], attrs: { test: i + 2 }, shouldAddConnectionAttributes: true })
-    expect(vitalMetric.current).toMatchObject({
-      value: i,
-      entries: [{ test: i + 1 }],
-      attrs: { test: i + 2 }
-    })
-  })
-
-  test('rounding', () => {
-    // default rounding
-    vitalMetric.update({ value: 1.234 })
-    expect(vitalMetric.current.value).toEqual(1)
-    // custom rounding
-    vitalMetric = new VitalMetric('test', (x) => x * 100)
-    vitalMetric.update({ value: 5 })
-    expect(vitalMetric.current.value).toEqual(500)
-  })
-
-  test('isValid', () => {
-    expect(vitalMetric.isValid).toEqual(false)
-
-    vitalMetric.update({ value: -1 })
-    expect(vitalMetric.isValid).toEqual(false)
-
-    vitalMetric.update({ value: 1 })
-    expect(vitalMetric.isValid).toEqual(true)
-  })
-
-  test('subscribers get updates when valid', (done) => {
-    vitalMetric.subscribe(({ value }) => {
-      expect(value).toEqual(1)
-      done()
-    })
-
-    vitalMetric.update({ value: 1 })
-  })
-
-  test('multiple subscribers get same update when valid', (done) => {
-    let sub1, sub2
-    let stop1 = vitalMetric.subscribe(({ entries }) => {
-      sub1 ??= entries[0].id
-      if (sub1 === sub2) { stop1(); stop2(); done() }
-    })
-
-    let stop2 = vitalMetric.subscribe(({ entries }) => {
-      sub2 ??= entries[0].id
-      if (sub1 === sub2) { stop1(); stop2(); done() }
-    })
-
-    vitalMetric.update({ value: 1, entries: [{ id: 'abcd' }] })
-  })
-
-  test('subscribers do not get updates when not valid', (done) => {
-    vitalMetric.subscribe(({ value }) => {
-      console.log(value)
-      console.log('should not have reached subscriber')
-      expect(1).toEqual(2)
-    })
-
-    vitalMetric.update({ value: -1 })
-    setTimeout(done, 1000)
-  })
-
-  test('subscribers get latest value immediately if already valid', (done) => {
-    vitalMetric.update({ value: 1 })
-
-    vitalMetric.subscribe(({ value }) => {
-      expect(value).toEqual(1)
-      done()
-    })
-  })
-
-  test('unsubscribe', (done) => {
-    const unsubscribe = vitalMetric.subscribe(({ value }) => {
-      console.log('should not have reached subscriber')
-      expect(1).toEqual(2)
-    })
-
-    unsubscribe()
-    vitalMetric.update({ value: 1 })
-    setTimeout(done, 1000)
-  })
-
-  test('addConnectionAttributes', () => {
-    global.navigator.connection = {}
-    vitalMetric.update({ value: 1, shouldAddConnectionAttributes: true })
-    expect(vitalMetric.current.attrs).toEqual(expect.objectContaining({}))
-
-    global.navigator.connection.type = 'type'
-    vitalMetric.update({ value: 1, shouldAddConnectionAttributes: true })
-    expect(vitalMetric.current.attrs).toEqual(expect.objectContaining({
-      'net-type': 'type'
-    }))
-
-    global.navigator.connection.effectiveType = 'effectiveType'
-    vitalMetric.update({ value: 1, shouldAddConnectionAttributes: true })
-    expect(vitalMetric.current.attrs).toEqual(expect.objectContaining({
-      'net-type': 'type',
-      'net-etype': 'effectiveType'
-    }))
-
-    global.navigator.connection.rtt = 'rtt'
-    vitalMetric.update({ value: 1, shouldAddConnectionAttributes: true })
-    expect(vitalMetric.current.attrs).toEqual(expect.objectContaining({
-      'net-type': 'type',
-      'net-etype': 'effectiveType',
-      'net-rtt': 'rtt'
-    }))
-
-    global.navigator.connection.downlink = 'downlink'
-    vitalMetric.update({ value: 1, shouldAddConnectionAttributes: true })
-    expect(vitalMetric.current.attrs).toEqual(expect.objectContaining({
-      'net-type': 'type',
-      'net-etype': 'effectiveType',
-      'net-rtt': 'rtt',
-      'net-dlink': 'downlink'
-    }))
-
-    global.navigator.connection = {
-      type: 'type',
-      effectiveType: 'effectiveType',
-      rtt: 'rtt',
-      downlink: 'downlink'
-    }
-    vitalMetric.update({ value: 1, shouldAddConnectionAttributes: true })
-
-    expect(vitalMetric.current.attrs).toEqual(expect.objectContaining({
-      'net-type': 'type',
-      'net-etype': 'effectiveType',
-      'net-rtt': 'rtt',
-      'net-dlink': 'downlink'
-    }))
-    global.navigator.connection = {}
-  })
-})