Initial support for grid for live and media viewer.

tests/conditions.test.ts

@@ -1,4 +1,4 @@
-import { afterEach, describe, it, expect, vi } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 import {
   ConditionController,
   ConditionEvaluateRequestEvent,
@@ -6,6 +6,7 @@ import {
   getOverriddenConfig,
   getOverridesByKey,
 } from '../src/conditions';
+import { FrigateCardCondition } from '../src/types';
 import { createCondition, createConfig, createStateEntity } from './test-utils';
 
 // @vitest-environment jsdom
@@ -347,4 +348,14 @@ describe('ConditionController', () => {
     controller.destroy();
     expect(removeEventListener).toBeCalled();
   });
+
+  it('should evaluate conditions with display mode', () => {
+    const controller = new ConditionController();
+    const condition: FrigateCardCondition = { display_mode: 'grid' };
+    expect(controller.evaluateCondition(condition)).toBeFalsy();
+    controller.setState({ displayMode: 'grid' });
+    expect(controller.evaluateCondition(condition)).toBeTruthy();
+    controller.setState({ displayMode: 'single' });
+    expect(controller.evaluateCondition(condition)).toBeFalsy();
+  });
 });