/*
 * Copyright (C) 2022 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import {ScrollingModule} from '@angular/cdk/scrolling';
import {CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA} from '@angular/core';
import {ComponentFixture, ComponentFixtureAutoDetect, TestBed} from '@angular/core/testing';
import {MatDividerModule} from '@angular/material/divider';
import {PropertiesTreeGenerator} from 'viewers/common/properties_tree_generator';
import {UiData, UiDataEntry} from './ui_data';
import {ViewerTransactionsComponent} from './viewer_transactions_component';

describe('ViewerTransactionsComponent', () => {
  let fixture: ComponentFixture<ViewerTransactionsComponent>;
  let component: ViewerTransactionsComponent;
  let htmlElement: HTMLElement;

  beforeAll(async () => {
    await TestBed.configureTestingModule({
      providers: [{provide: ComponentFixtureAutoDetect, useValue: true}],
      imports: [MatDividerModule, ScrollingModule],
      declarations: [ViewerTransactionsComponent],
      schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
    }).compileComponents();

    fixture = TestBed.createComponent(ViewerTransactionsComponent);
    component = fixture.componentInstance;
    htmlElement = fixture.nativeElement;

    component.uiData = await makeUiData();
    fixture.detectChanges();
  });

  it('can be created', () => {
    expect(component).toBeTruthy();
  });

  it('renders filters', () => {
    expect(htmlElement.querySelector('.entries .filters .pid')).toBeTruthy();
    expect(htmlElement.querySelector('.entries .filters .uid')).toBeTruthy();
    expect(htmlElement.querySelector('.entries .filters .type')).toBeTruthy();
    expect(htmlElement.querySelector('.entries .filters .id')).toBeTruthy();
  });

  it('renders entries', () => {
    expect(htmlElement.querySelector('.scroll')).toBeTruthy();

    const entry = htmlElement.querySelector('.scroll .entry');
    expect(entry).toBeTruthy();
    expect(entry!.innerHTML).toContain('TIME_VALUE');
    expect(entry!.innerHTML).toContain('-111');
    expect(entry!.innerHTML).toContain('PID_VALUE');
    expect(entry!.innerHTML).toContain('UID_VALUE');
    expect(entry!.innerHTML).toContain('TYPE_VALUE');
    expect(entry!.innerHTML).toContain('ID_VALUE');
    expect(entry!.innerHTML).toContain('flag1 | flag2 | ...');
  });

  it('renders properties', () => {
    expect(htmlElement.querySelector('.properties-tree')).toBeTruthy();
  });
});

async function makeUiData(): Promise<UiData> {
  const propertiesTree = new PropertiesTreeGenerator().generate('ROOT', {KEY: 'VALUE'});

  const entry = new UiDataEntry(
    0,
    'TIME_VALUE',
    -111,
    'PID_VALUE',
    'UID_VALUE',
    'TYPE_VALUE',
    'LAYER_OR_DISPLAY_ID_VALUE',
    'TRANSACTION_ID_VALUE',
    'flag1 | flag2 | ...',
    propertiesTree
  );

  return new UiData([], [], [], [], [], [], [entry], 0, 0, 0, propertiesTree);
}