@ryusei/light/src/js/extensions/Gutter/tests/append.test.ts

<div align="center"> <a href="https://light.ryuseijs.com"> <img alt="RyuseiLight" src="https://light.ryuseijs.com/images/svg/logo.svg" width="70"> </a>

import { RyuseiLight } from '../../../core/RyuseiLight/RyuseiLight';
import { Gutter, GUTTER_CLASS_NAME } from '../Gutter';


describe( 'Gutter', () => {
  RyuseiLight.compose( { Gutter } );

  beforeEach( () => {
    document.body.innerHTML = `<pre>
      console.log( 1 );
      console.log( 2 );
      console.log( 3 );
    </pre>`;
  } );

  test( 'can append a gutter element.', () => {
    const ryuseilight = new RyuseiLight( { gutter: true } );
    ryuseilight.apply( 'pre' );

    const gutter = document.querySelector( `.${ GUTTER_CLASS_NAME }` );
    expect( gutter instanceof HTMLElement ).toBe( true );
  } );

  test( 'can append a body and rows in the gutter.', () => {
    const ryuseilight = new RyuseiLight( { gutter: true } );
    ryuseilight.apply( 'pre' );

    const gutter = document.querySelector( `.${ GUTTER_CLASS_NAME }` );
    expect( gutter.children.length ).toBe( 3 );
  } );
} );