@ryusei/light/src/js/utils/dom/attr/attr.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 { attr } from './attr';


describe( 'attr', () => {
  beforeEach( () => {
    document.body.innerHTML = '<div id="1" data-id="1" style="width: 100px"></div>';
  } );

  test( 'can get attributes from an element.', () => {
    const div = document.getElementById( '1' );

    expect( attr( div, 'id' ) ).toBe( '1' );
    expect( attr( div, 'style' ) ).toBe( 'width: 100px' );
    expect( attr( div, 'data-id' ) ).toBe( '1' );
  } );

  test( 'can set attributes to an element.', () => {
    const div = document.getElementById( '1' );

    attr( div, { id: '2', 'data-id': 2, 'role': 'button' } );

    expect( div.getAttribute( 'id' ) ).toBe( '2' );
    expect( div.getAttribute( 'data-id' ) ).toBe( '2' );
    expect( div.getAttribute( 'role' ) ).toBe( 'button' );
  } );
} );