jenesius-vue-form/tests/units/utils/compare-difference.spec.ts

Heavy form system for Vue.js

import {compareDifference} from "../../../src/utils/compare-changes";

describe("Testing compare changes", () => {
	test("Old value is empty object. It should return all props from new values.",() => {
		const newValue = {
			name: "Jenesius",
			address: {
				city: "Mogilev",
				country: "Belarus"
			}
		}
		expect(compareDifference({}, newValue)).toEqual([
			{ name: "name", newValue: "Jenesius", oldValue: undefined },
			{ name: "address", newValue: {city: "Mogilev", country: "Belarus"}, oldValue: undefined },
			{ name: "address.city", newValue: "Mogilev", oldValue: undefined },
			{ name: "address.country", newValue: "Belarus", oldValue: undefined },
		])
	})
	test("New value is empty object. It should return all props from old values",() => {
		const oldValue = {
			coordinate: {
				x: 1,
				y: 2
			}
		}
		expect(compareDifference(oldValue, {} )).toEqual([
			{ name: "coordinate", newValue: undefined, oldValue: { x: 1, y: 2 } },
			{ name: "coordinate.x", newValue: undefined, oldValue: 1 },
			{ name: "coordinate.y", newValue: undefined, oldValue: 2 },
		])
	})
	test("Equal values should return empty array.",() => {
		const newValue = {
			name: "Jenesius",
			address: {
				planet: "Earth"
			}
		}
		const oldValue = {
			name: "Jenesius",
			address: {
				planet: "Earth"
			}
		}
		expect(compareDifference(oldValue, newValue)).toEqual([])
	})
	test("It should return only one field that was changed.",() => {
		const newValue = {
			name: "Jenesius",
			age: 24
		}
		const oldValue = {
			name: "Jenesius",
		}
		expect(compareDifference(oldValue, newValue)).toEqual([
			{ name: "age", newValue: 24, oldValue: undefined }
		])
	})
	test("Super recursive call.",() => {
		const newValue = {
			obj_1: {
				obj_2: {
					obj_3: {
						obj_4: {
							obj_5: {
								obj_6: {
									obj_7: "recursive"
								}
							}
						}
					}
				}
			}
		}

		expect(compareDifference({}, newValue)).toEqual([
			{ name: "obj_1", newValue: newValue.obj_1, oldValue: undefined},
			{ name: "obj_1.obj_2", newValue: newValue.obj_1.obj_2, oldValue: undefined},
			{ name: "obj_1.obj_2.obj_3", newValue: newValue.obj_1.obj_2.obj_3, oldValue: undefined},
			{ name: "obj_1.obj_2.obj_3.obj_4", newValue: newValue.obj_1.obj_2.obj_3.obj_4, oldValue: undefined},
			{ name: "obj_1.obj_2.obj_3.obj_4.obj_5", newValue: newValue.obj_1.obj_2.obj_3.obj_4.obj_5, oldValue: undefined},
			{ name: "obj_1.obj_2.obj_3.obj_4.obj_5.obj_6", newValue: newValue.obj_1.obj_2.obj_3.obj_4.obj_5.obj_6, oldValue: undefined},
			{ name: "obj_1.obj_2.obj_3.obj_4.obj_5.obj_6.obj_7", newValue: newValue.obj_1.obj_2.obj_3.obj_4.obj_5.obj_6.obj_7, oldValue: undefined},
		])
	})
	test("Replacement value of composite object.",() => {
		const newObject = {
			address: {
				city: "Mogilev",
			}
		};
		const oldObject = {
			address: {
				country: "Belarus",
				city: "Unknown"
			}
		}
		expect(compareDifference(oldObject, newObject)).toEqual([
			{
				name: "address", newValue: {city: "Mogilev"}, oldValue: { country: "Belarus", city: "Unknown" }
			},
			{
				name: "address.city", newValue: "Mogilev", oldValue: "Unknown"
			},
			{
				name: "address.country", newValue: undefined, oldValue: "Belarus"
			}
		])

	})
	test("Replacement composite object to null",() => {
		const newValue = {
			address: null
		}
		const oldValue = {
			address: {
				city: "Mogilev",
				country: "Belarus"
			}
		}
		expect(compareDifference(oldValue, newValue)).toEqual([
			{ name: "address", newValue: null, oldValue: { city: "Mogilev", country: "Belarus" } },
			{ name: "address.city", newValue: undefined, oldValue: "Mogilev" },
			{ name: "address.country", newValue: undefined, oldValue: "Belarus" },
		])
	})
	test("New value is null",() => {
		const newValue = null;
		const oldValue = {
			name: "Jenesius"
		}
		expect(compareDifference(oldValue, newValue)).toEqual([
			{
				name: "name", newValue: undefined, oldValue: "Jenesius"
			}
		])
	})
	test("Old value is null",() => {
		const newValue = {
			age: 24
		};
		const oldValue = null
		expect(compareDifference(oldValue, newValue)).toEqual([
			{
				name: "age", newValue: 24, oldValue: undefined
			}
		])
	})
})