user-settings: cleanup test + declare translations as const

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/user-settings/src/components/General/UserSettingsThemeToggle.test.tsx

@@ -15,7 +15,6 @@
  */
 
 import { AppTheme, appThemeApiRef } from '@backstage/core-plugin-api';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import {
   renderWithEffects,
   TestApiRegistry,
@@ -28,7 +27,6 @@ import { fireEvent } from '@testing-library/react';
 import React from 'react';
 import { UserSettingsThemeToggle } from './UserSettingsThemeToggle';
 import { ApiProvider, AppThemeSelector } from '@backstage/core-app-api';
-import { userSettingsTranslationRef } from '../../translation';
 
 const mockTheme: AppTheme = {
   id: 'light-theme',
@@ -41,11 +39,6 @@ const mockTheme: AppTheme = {
   ),
 };
 
-jest.mock('@backstage/core-plugin-api/alpha', () => ({
-  ...jest.requireActual('@backstage/core-plugin-api/alpha'),
-  useTranslationRef: jest.fn(),
-}));
-
 const apiRegistry = TestApiRegistry.from([
   appThemeApiRef,
   AppThemeSelector.createWithStorage([mockTheme]),
@@ -54,15 +47,6 @@ const apiRegistry = TestApiRegistry.from([
 describe('<UserSettingsThemeToggle />', () => {
   it('toggles the theme select button', async () => {
     const themeApi = apiRegistry.get(appThemeApiRef);
-    // todo: general test provider
-    const messages: Record<string, string> =
-      userSettingsTranslationRef.getDefaultMessages();
-
-    const useTranslationRefMock = jest
-      .fn()
-      .mockReturnValue((key: string) => messages[key]);
-
-    (useTranslationRef as jest.Mock).mockImplementation(useTranslationRefMock);
 
     const rendered = await renderWithEffects(
       wrapInTestApp(

plugins/user-settings/src/translation.ts

@@ -33,5 +33,5 @@ export const userSettingsTranslationRef = createTranslationRef({
     select_theme_custom: 'Select {{custom}}',
     lng: '{{language}}',
     select_lng: 'Select language {{language}}',
-  },
+  } as const,
 });