hunk.code_window:   marginRight: '12px',
     display: 'flex',
   });
  
hunk.labels: keep keep add
hunk.after_edit: export const footer = style({
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',
     paddingBottom: '20px',
   });
hunk.file_path: packages/frontend/core/src/components/affine/setting-modal/style.css.ts
hunk.type: add
file: /**
   * @vitest-environment happy-dom
   */
  import { render } from '@testing-library/react';
  import type React from 'react';
  import { createContext, useContext } from 'react';
  import { expect, test } from 'vitest';
  
  import { ProviderComposer } from '..';
  
  test('ProviderComposer', async () => {
    const Context = createContext('null');
    const Provider = ({ children }: React.PropsWithChildren) => {
      return <Context.Provider value="test1">{children}</Context.Provider>;
    };
    const ConsumerComponent = () => {
      const value = useContext(Context);
      return <>{value}</>;
    };
    const Component = () => {
      return (
        <ProviderComposer contexts={[<Provider key={1} />]}>
          <ConsumerComponent />
        </ProviderComposer>
      );
    };
  
    const result = render(<Component />);
    await result.findByText('test1');
    expect(result.asFragment()).toMatchSnapshot();
  });
  