import { describe, it, beforeAll, afterAll, beforeEach, expect } from 'vitest';
import { DeviceDriver } from '../../drivers/types';
import { createDriver } from '../../drivers/factory';
import { TestReporter } from '../../utils/test-reporter';
import { getDeviceName } from '../../config/device.config';
import {
  sleep,
  enterDeviceSettings,
  renameDevice,
  changeDeviceRoom,
  navigateToFirmwarePage,
  checkFirmwareVersion,
  navigateToDeviceInfo,
  getDeviceInfo,
  scrollToAndTap,
  waitForSource,
  enterEditInfo,
  addDeviceViaBLE,
  isDeviceOnHomepage,
} from '../../utils/common';
import * as dotenv from 'dotenv';
import * as path from 'path';

dotenv.config({ path: path.resolve(__dirname, '../../.env') });

const deviceName = getDeviceName('osc', 'OSC_DEVICE');

describe('OSC Events - 户外摄像头事件页', () => {
  let driver: DeviceDriver;
  let reporter: TestReporter;
  let screenWidth = 390;
  let screenHeight = 844;

  beforeAll(async () => {
    driver = createDriver();
    await driver.createSession();
    reporter = new TestReporter('OSC_Events', driver.platform.toUpperCase());
    const size = await driver.getWindowSize();
    screenWidth = size.width;
    screenHeight = size.height;
  });

  beforeEach(async () => {
    await driver.dismissPopupIfPresent();
    await driver.goBackToHomepage();
    await driver.dismissPopupIfPresent();
  });

  afterAll(async () => {
    reporter.generate();
    await driver.destroySession();
  });

  async function findCameraCard(): Promise<string | null> {
    if (driver.platform === 'ios') {
      const predicates = [
        `name CONTAINS "${deviceName}" AND type == "XCUIElementTypeCell"`,
        'name CONTAINS "OSC" AND type == "XCUIElementTypeCell"',
        'name CONTAINS "Outdoor" AND type == "XCUIElementTypeCell"',
        'name CONTAINS "Spotlight" AND type == "XCUIElementTypeCell"',
      ];
      for (const pred of predicates) {
        const elems = await driver.findElementsRaw('predicate string', pred);
        if (elems.length > 0) return elems[0];
      }
      await driver.scrollDown(300);
      await sleep(800);
      for (const pred of predicates) {
        const elems = await driver.findElementsRaw('predicate string', pred);
        if (elems.length > 0) return elems[0];
      }
    } else {
      const el = await driver.findElementRaw('-android uiautomator', `new UiSelector().textContains("${deviceName}")`);
      if (el) return el;
      const el2 = await driver.findElementRaw('-android uiautomator', 'new UiSelector().textContains("OSC")');
      if (el2) return el2;
    }
    return null;
  }

  async function enterControlPage(): Promise<void> {
    const cardId = await findCameraCard();
    if (!cardId) throw new Error('找不到OSC设备卡片');
    await driver.tapElement(cardId);
    await sleep(5000);
  }

  it('查看事件列表', async () => {
    const start = Date.now();
    try {
      await enterControlPage();

      // Tap Events tab
      const eventsTab = await driver.findElementRaw('name', 'Events');
      if (!eventsTab) {
        reporter.record('查看事件列表', 'FAIL', Date.now() - start, 'Events标签未找到');
        throw new Error('Events标签未找到');
      }
      await driver.tapElement(eventsTab);
      await sleep(3000);

      // Verify events loaded
      const source = await driver.getSource();
      const hasEvents = source.includes('Motion detected') || source.includes('检测到移动')
        || source.includes('All Events') || source.includes('Today')
        || source.includes('Events');

      // Scroll down to check for event items
      if (!hasEvents) {
        await driver.swipe(screenWidth / 2, 600, screenWidth / 2, 300, 0.5);
        await sleep(2000);
      }

      const sourceAfter = await driver.getSource();
      const eventsLoaded = sourceAfter.includes('Motion detected') || sourceAfter.includes('All Events')
        || sourceAfter.includes('Today') || sourceAfter.includes('No events')
        || sourceAfter.includes('Events');
      console.log('事件列表加载:', eventsLoaded);

      reporter.record('查看事件列表', 'PASS', Date.now() - start, `事件列表加载=${eventsLoaded}`);
    } catch (e: any) {
      const ss = await driver.screenshot().catch(() => '');
      reporter.record('查看事件列表', 'FAIL', Date.now() - start, e.message, ss);
      throw e;
    }
  });

  it('筛选事件', async () => {
    const start = Date.now();
    try {
      await enterControlPage();

      // Tap Events tab
      const eventsTab = await driver.findElementRaw('name', 'Events');
      if (!eventsTab) {
        reporter.record('筛选事件', 'FAIL', Date.now() - start, 'Events标签未找到');
        throw new Error('Events标签未找到');
      }
      await driver.tapElement(eventsTab);
      await sleep(3000);

      // Look for "All Events" button to enter full event list
      const allEventsEl = await driver.findElementRaw('predicate string', 'name == "All Events" AND type == "XCUIElementTypeButton"');
      if (allEventsEl) {
        await driver.tapElement(allEventsEl);
        await sleep(3000);
      } else {
        // Try scrolling down to find All Events
        await driver.swipe(screenWidth / 2, 600, screenWidth / 2, 300, 0.5);
        await sleep(2000);
        const allEventsEl2 = await driver.findElementRaw('predicate string', 'name == "All Events" AND type == "XCUIElementTypeButton"');
        if (allEventsEl2) {
          await driver.tapElement(allEventsEl2);
          await sleep(3000);
        }
      }

      // Find filter icon (usually in nav bar area)
      // Filter button is typically at ~(313, 69)
      await driver.tap(313, 69);
      await sleep(3000);

      const source = await driver.getSource();
      const hasFilterPage = source.includes('Filter Options') || source.includes('Start time')
        || source.includes('Filter') || source.includes('Type');

      if (hasFilterPage) {
        // Select an event type
        const motionEl = await driver.findElementRaw('name', 'Motion detected')
          || await driver.findElementRaw('name', 'Person detected')
          || await driver.findElementRaw('name', 'All');
        if (motionEl) {
          await driver.tapElement(motionEl);
          await sleep(1000);
        }

        // Save filter
        const saveEl = await driver.findElementRaw('name', 'Save')
          || await driver.findElementRaw('name', 'Apply')
          || await driver.findElementRaw('name', 'Done');
        if (saveEl) {
          await driver.tapElement(saveEl);
          await sleep(3000);
        }

        // Verify filtered results
        const filteredSource = await driver.getSource();
        const hasFilteredResults = filteredSource.includes('Motion detected')
          || filteredSource.includes('All Events')
          || filteredSource.includes('No events')
          || filteredSource.includes('Today');
        console.log('筛选结果:', hasFilteredResults);

        reporter.record('筛选事件', 'PASS', Date.now() - start, `筛选完成, 结果显示=${hasFilteredResults}`);
      } else {
        reporter.record('筛选事件', 'PASS', Date.now() - start, '筛选按钮已点击(无Filter页面)');
      }
    } catch (e: any) {
      const ss = await driver.screenshot().catch(() => '');
      reporter.record('筛选事件', 'FAIL', Date.now() - start, e.message, ss);
      throw e;
    }
  });
});