text: import * as React from 'react';
  import { expect } from 'chai';
  import { createClientRender, describeConformance } from 'test/utils';
  import ListItem from '@material-ui/core/ListItem';
  import ListItemSecondaryAction, {
    listItemSecondaryActionClasses as classes,
  } from '@material-ui/core/ListItemSecondaryAction';
  
  describe('<ListItemSecondaryAction />', () => {
    const render = createClientRender();
  
    describeConformance(<ListItemSecondaryAction />, () => ({
      classes,
      inheritComponent: 'div',
      render,
      refInstanceof: window.HTMLDivElement,
      muiName: 'MuiListItemSecondaryAction',
      skip: ['componentProp', 'componentsProp', 'themeVariants'],
    }));
  
    it('should render without classes that disable gutters', () => {
      const { getByTestId } = render(
        <ListItem>
          <ListItemSecondaryAction data-testid="secondary-action" />
        </ListItem>,
      );
      expect(getByTestId('secondary-action')).not.to.have.class(classes.disableGutters);
    });
  
    it('should disable the gutters', () => {
      const { getByTestId } = render(
        <ListItem disableGutters>
          <ListItemSecondaryAction data-testid="secondary-action" />
        </ListItem>,
      );
      expect(getByTestId('secondary-action')).to.have.class(classes.disableGutters);
    });
  });
  