relift-html/test/onchange.test.js

A blazing fast view library that lets you put Javascript Template Literals in HTML

import {objectOnChange} from '../src/utils.js';

test('set new property', () => {
  const initialData = {};
  const data = objectOnChange(initialData, () => {});
  data.name = 'reLiftHTML';
  expect(data.name).toBe('reLiftHTML');
})

test('set new property affecting initial source', () => {
  const initialData = {};
  const data = objectOnChange(initialData, () => {});
  data.name = 'reLiftHTML';
  expect(initialData.name).toBe('reLiftHTML');
})

test('get ___target___', () => {
  const initialData = {};
  const data = objectOnChange(initialData, () => {});
  data.name = 'reLiftHTML';
  expect(data.___target___).toEqual({name: 'reLiftHTML'});
})

test('objectOnChange callback function', done => {
  const initialData = {};
  const data = objectOnChange(initialData, () => {
    expect(data.name).toBe('reLiftHTML');
    done();
  });
  data.name = 'reLiftHTML';
})

test('with array', () => {
  const initialData = {
    myObj: {}
  };
  const data = objectOnChange(initialData, () => {});
  data.myObj.myArray = [1, 2, 3]
  expect(data.myObj.myArray.length).toEqual(3);
})