content: import { render, fireEvent, screen } from '@testing-library/react';
  import React from 'react';
  import Column from '../column';
  
  describe('<Column />', () => {
    describe('<ColumnHeader /> click handler', () => {
      it('runs the scroll animation if the column contains scrollable content', () => {
        const scrollToMock = jest.fn();
        const { container } = render(
          <Column heading='notifications'>
            <div className='scrollable' />
          </Column>,
        );
        container.querySelector('.scrollable').scrollTo = scrollToMock;
        fireEvent.click(screen.getByText('notifications'));
        expect(scrollToMock).toHaveBeenCalledWith({ behavior: 'smooth', top: 0 });
      });
  
      it('does not try to scroll if there is no scrollable content', () => {
        render(<Column heading='notifications' />);
        fireEvent.click(screen.getByText('notifications'));
      });
    });
  });
  