@ryusei/code/src/js/utils/dom/matches/matches.test.ts

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

import { matches } from './matches';


describe( 'matches', () => {
  test( 'can return true if a selector matches an element.', () => {
    const div = document.createElement( 'div' );
    div.id = 'container';
    div.classList.add( 'container' );

    expect( matches( div, '#container' ) ).toBe( true );
    expect( matches( div, '.container' ) ).toBe( true );
  } );

  test( 'can return false if a selector does not match an element.', () => {
    const div = document.createElement( 'div' );

    expect( matches( div, '#container' ) ).toBe( false );
    expect( matches( div, '.container' ) ).toBe( false );
  } );
} );