diff --git a/src/Provider/index.test.tsx b/src/Provider/index.test.tsx index 59017bdd..5207eafb 100644 --- a/src/Provider/index.test.tsx +++ b/src/Provider/index.test.tsx @@ -3,8 +3,9 @@ import React from 'react'; import { FilledButton } from '../Button/ColoredButtons'; import { DatePicker } from '../DatePicker'; +import { Modal } from '../Modal'; -import { Provider } from './index'; +import { PrefixProvider, Provider } from './index'; function unprefixedAntdClasses(container: HTMLElement): Array { return Array.from(container.querySelectorAll('[class]')).flatMap((element) => @@ -34,3 +35,27 @@ describe('', () => { expect(screen.getByPlaceholderText('Datum auswählen')).toBeInTheDocument(); }); }); + +describe('', () => { + it('prefixes components', () => { + const { container } = render( + + Speichern + + , + ); + + expect(unprefixedAntdClasses(container)).toEqual([]); + }); + + it('keeps the locale of a surrounding once it unmounts', () => { + render(); + render().unmount(); + + render(); + + expect( + screen.getByRole('button', { name: 'Abbrechen' }), + ).toBeInTheDocument(); + }); +}); diff --git a/src/Provider/index.tsx b/src/Provider/index.tsx index 4f8cae17..d79530e4 100644 --- a/src/Provider/index.tsx +++ b/src/Provider/index.tsx @@ -29,3 +29,10 @@ export function Provider({ ); } + +/** Prefixes content that antd renders outside of , without changing the global locale. */ +export function PrefixProvider({ children }: PropsWithChildren) { + return ( + {children} + ); +}