polygerrit-ui/app/elements/chat-panel/user-message_screenshot_test.ts

/**
 * @license
 * Copyright 2026 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */
import '../../test/common-test-setup';

import {assert, fixture, html} from '@open-wc/testing';
// Until https://github.com/modernweb-dev/web/issues/2804 is fixed
// @ts-expect-error
import {visualDiff} from '@web/test-runner-visual-regression';

import * as chatModel from '../../models/chat/chat-model';
import {visualDiffDarkTheme} from '../../test/test-utils';
import {UserMessage} from './user-message';

suite('user-message screenshot tests', () => {
  let element: UserMessage;

  const message: chatModel.UserMessage = {
    userType: chatModel.UserType.USER,
    content:
      'src/com/android/settings/supervision/EnableSupervisionActivity.kt',
    contextItems: [],
  };

  setup(async () => {
    element = await fixture(
      html`<user-message
        style="width: 300px;"
        .message=${message}
      ></user-message>`
    );
    assert.instanceOf(element, UserMessage);
    await element.updateComplete;
  });

  test('renders long unbroken file path with break-word wrapping', async () => {
    await visualDiff(element, 'user-message-long-path');
    await visualDiffDarkTheme(element, 'user-message-long-path');
  });
});