import { DefaultPrivacyLevel } from '@openobserve/browser-core'
import type { Clock } from '@openobserve/browser-core/test'
import { createNewEvent, mockClock, registerCleanupTask } from '@openobserve/browser-core/test'
import type { RumConfiguration } from '@openobserve/browser-rum-core'
import { PRIVACY_ATTR_NAME, PRIVACY_ATTR_VALUE_MASK_USER_INPUT } from '@openobserve/browser-rum-core'
import { appendElement } from '../../../../../rum-core/test'
import type { SerializationScope } from '../serialization'
import {
  serializeDocument,
  SerializationContextStatus,
  createSerializationStats,
  createSerializationScope,
} from '../serialization'
import { createElementsScrollPositions } from '../elementsScrollPositions'
import { IncrementalSource, RecordType } from '../../../types'
import { createNodeIds } from '../nodeIds'
import type { InputCallback } from './trackInput'
import { trackInput } from './trackInput'
import { DEFAULT_CONFIGURATION, DEFAULT_SHADOW_ROOT_CONTROLLER } from './trackers.specHelper'
import type { Tracker } from './tracker.types'

describe('trackInput', () => {
  let inputTracker: Tracker
  let inputCallbackSpy: jasmine.Spy<InputCallback>
  let input: HTMLInputElement
  let clock: Clock | undefined
  let configuration: RumConfiguration
  let scope: SerializationScope

  beforeEach(() => {
    configuration = { defaultPrivacyLevel: DefaultPrivacyLevel.ALLOW } as RumConfiguration
    inputCallbackSpy = jasmine.createSpy()
    scope = createSerializationScope(createNodeIds())

    input = appendElement('<div><input target /></div>') as HTMLInputElement

    serializeDocument(document, DEFAULT_CONFIGURATION, scope, {
      serializationStats: createSerializationStats(),
      shadowRootsController: DEFAULT_SHADOW_ROOT_CONTROLLER,
      status: SerializationContextStatus.INITIAL_FULL_SNAPSHOT,
      elementsScrollPositions: createElementsScrollPositions(),
    })

    registerCleanupTask(() => {
      inputTracker.stop()
    })
  })

  it('collects input values when an "input" event is dispatched', () => {
    inputTracker = trackInput(configuration, scope, inputCallbackSpy)
    dispatchInputEvent('foo')

    expect(inputCallbackSpy).toHaveBeenCalledOnceWith({
      type: RecordType.IncrementalSnapshot,
      timestamp: jasmine.any(Number),
      data: {
        source: IncrementalSource.Input,
        text: 'foo',
        id: jasmine.any(Number) as unknown as number,
      },
    })
  })

  it('collects input values when a property setter is used', () => {
    clock = mockClock()
    inputTracker = trackInput(configuration, scope, inputCallbackSpy)
    input.value = 'foo'

    clock.tick(0)

    expect(inputCallbackSpy).toHaveBeenCalledOnceWith({
      type: RecordType.IncrementalSnapshot,
      timestamp: jasmine.any(Number),
      data: {
        source: IncrementalSource.Input,
        text: 'foo',
        id: jasmine.any(Number) as unknown as number,
      },
    })
  })

  it('does not invoke callback when the value does not change', () => {
    clock = mockClock()
    inputTracker = trackInput(configuration, scope, inputCallbackSpy)
    input.value = 'foo'
    clock.tick(0)

    dispatchInputEvent('foo')

    expect(inputCallbackSpy).toHaveBeenCalledTimes(1)
  })

  it('does not instrument setters when observing a shadow DOM', () => {
    // eslint-disable-next-line @typescript-eslint/unbound-method
    const originalSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')!.set
    const host = document.createElement('div')
    host.attachShadow({ mode: 'open' })

    inputTracker = trackInput(configuration, scope, inputCallbackSpy, host.shadowRoot!)

    // eslint-disable-next-line @typescript-eslint/unbound-method
    expect(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')!.set).toBe(originalSetter)
  })

  // cannot trigger an event in a Shadow DOM because event with `isTrusted:false` do not cross the root
  it('collects input values when an "input" event is composed', () => {
    inputTracker = trackInput(configuration, scope, inputCallbackSpy)
    dispatchInputEventWithInShadowDom('foo')

    expect(inputCallbackSpy).toHaveBeenCalledOnceWith({
      type: RecordType.IncrementalSnapshot,
      timestamp: jasmine.any(Number),
      data: {
        source: IncrementalSource.Input,
        text: 'foo',
        id: jasmine.any(Number) as unknown as number,
      },
    })
  })

  it('masks input values according to the element privacy level', () => {
    configuration.defaultPrivacyLevel = DefaultPrivacyLevel.ALLOW
    inputTracker = trackInput(configuration, scope, inputCallbackSpy)
    input.setAttribute(PRIVACY_ATTR_NAME, PRIVACY_ATTR_VALUE_MASK_USER_INPUT)

    dispatchInputEvent('foo')

    expect((inputCallbackSpy.calls.first().args[0].data as { text?: string }).text).toBe('***')
  })

  it('masks input values according to a parent element privacy level', () => {
    configuration.defaultPrivacyLevel = DefaultPrivacyLevel.ALLOW
    inputTracker = trackInput(configuration, scope, inputCallbackSpy)
    input.parentElement!.setAttribute(PRIVACY_ATTR_NAME, PRIVACY_ATTR_VALUE_MASK_USER_INPUT)

    dispatchInputEvent('foo')

    expect((inputCallbackSpy.calls.first().args[0].data as { text?: string }).text).toBe('***')
  })

  it('masks input values according to a the default privacy level', () => {
    configuration.defaultPrivacyLevel = DefaultPrivacyLevel.MASK
    inputTracker = trackInput(configuration, scope, inputCallbackSpy)

    dispatchInputEvent('foo')

    expect((inputCallbackSpy.calls.first().args[0].data as { text?: string }).text).toBe('***')
  })

  function dispatchInputEvent(newValue: string) {
    input.value = newValue
    input.dispatchEvent(createNewEvent('input', { target: input }))
  }

  function dispatchInputEventWithInShadowDom(newValue: string) {
    input.value = newValue
    const host = document.createElement('div')
    host.attachShadow({ mode: 'open' })
    const event = createNewEvent('input', { target: host, composed: true })
    event.composedPath = () => [input, host, input.parentElement!, document.body]
    input.dispatchEvent(event)
  }
})