// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0

import '@testing-library/jest-dom';

import { act, renderHook } from '@testing-library/react';
import {
  BackgroundBlurOptions,
  ConsoleLogger,
  LogLevel,
} from 'amazon-chime-sdk-js';
import React from 'react';

import {
  BackgroundBlurProvider,
  useBackgroundBlur,
} from '../../../src/providers/BackgroundBlurProvider';
import { LoggerProvider } from '../../../src/providers/LoggerProvider';

describe.only('BackgroundBlurProvider', () => {
  it('should not change props', async () => {
    const logger = new ConsoleLogger('BackgroundBlur', LogLevel.INFO);
    const blurOptions: BackgroundBlurOptions = {
      blurStrength: 20,
      logger,
    };

    // Mock the user agent to ensure the BackgroundBlurVideoFrameProcessor gets
    // created. Otherwise, the amazon-chime-sdk-js will not detect a valid
    // browser to use.
    const userAgentGet = jest.spyOn(navigator, 'userAgent', 'get');
    userAgentGet.mockReturnValue('Chrome/96.0');

    // Spy on the console logs to verify React lifecycle state.
    const loggerInfoMock = jest.spyOn(logger, 'info').mockImplementation();
    const loggerWarnMock = jest.spyOn(logger, 'warn').mockImplementation();
    const loggerErrorMock = jest.spyOn(logger, 'error').mockImplementation();

    // Render and unmount the provider.
    const { unmount } = renderHook(() => useBackgroundBlur(), {
      wrapper: ({ children }) => (
        <LoggerProvider logger={logger}>
          <BackgroundBlurProvider options={blurOptions}>
            {children}
          </BackgroundBlurProvider>
        </LoggerProvider>
      ),
    });
    await act(async () => {
      unmount();
    });
    userAgentGet.mockRestore();

    // Verify the options object passed is not changed by reference.
    expect(blurOptions).toStrictEqual({ blurStrength: 20, logger });

    // Verify the console logs. Note that we expect the background blur
    // processor to be cleaned up at most once during this test. This
    // happens when the component remounts. If it is happening more than
    // once, that means some dependency or parent is changing the parameters
    // erroneously.
    expect(loggerInfoMock).toHaveBeenCalledTimes(4);
    expect(loggerInfoMock).toHaveBeenCalledWith(
      `Initializing background blur processor with, spec: ${JSON.stringify(
        undefined
      )}, options: ${JSON.stringify(blurOptions)}`
    );
    expect(loggerInfoMock).toHaveBeenCalledWith(
      'Specs or options were changed. Destroying and re-initializing background blur processor.'
    );

    // Even though we are using a NoOpVideoFrameProcessor, the input specs
    // and options that are passed to the amazon-chime-sdk-js are still
    // run through `resolveOptions` and `resolveSpec` in the
    // `BackgroundBlurVideoFrameProcessor` constructor so any invalid API
    // boundary changes to those are still validated by this test. The
    // first warning call is output by `BackgroundBlurVideoFrameProcessor`
    // and we don't validate it strictly because there's a non-deterministic
    // timestamp. Verifying the call count should be good enough.
    expect(loggerWarnMock).toHaveBeenCalledTimes(2);
    expect(loggerWarnMock).toHaveBeenLastCalledWith(
      expect.stringContaining('Initialized NoOpVideoFrameProcessor')
    );

    // No errors should happen.
    expect(loggerErrorMock).toHaveBeenCalledTimes(0);

    // // Restore the mocks.
    loggerInfoMock.mockRestore();
    loggerWarnMock.mockRestore();
    loggerErrorMock.mockRestore();
  });
});