
This is not we're supposed to do according to https://tc39.es/ecma262/#sec-runtime-semantics-propertydefinitionevaluation Furthermore, this was observable by ToPrimitive looking up toString and valueOf and potentially calling them if they exist. The big ticket issue however is that for objects without toString and valueOf, such as null-proto objects, this would unexpectedly throw.
214 lines
5.8 KiB
JavaScript
214 lines
5.8 KiB
JavaScript
const testObjSpread = obj => {
|
|
expect(obj).toEqual({
|
|
foo: 0,
|
|
bar: 1,
|
|
baz: 2,
|
|
qux: 3,
|
|
});
|
|
};
|
|
|
|
const testObjStrSpread = obj => {
|
|
expect(obj).toEqual(["a", "b", "c", "d"]);
|
|
};
|
|
|
|
test("spread object literal inside object literal", () => {
|
|
const obj = {
|
|
foo: 0,
|
|
...{ bar: 1, baz: 2 },
|
|
qux: 3,
|
|
};
|
|
testObjSpread(obj);
|
|
});
|
|
|
|
test("spread object with assigned property inside object literal", () => {
|
|
const obj = { foo: 0, bar: 1, baz: 2 };
|
|
obj.qux = 3;
|
|
testObjSpread({ ...obj });
|
|
});
|
|
|
|
test("spread object inside object literal", () => {
|
|
let a = { bar: 1, baz: 2 };
|
|
const obj = { foo: 0, ...a, qux: 3 };
|
|
testObjSpread(obj);
|
|
});
|
|
|
|
test("complex nested object spreading", () => {
|
|
const obj = {
|
|
...{},
|
|
...{
|
|
...{ foo: 0, bar: 1, baz: 2 },
|
|
},
|
|
qux: 3,
|
|
};
|
|
testObjSpread(obj);
|
|
});
|
|
|
|
test("spread string in object literal", () => {
|
|
const obj = { ..."abcd" };
|
|
testObjStrSpread(obj);
|
|
});
|
|
|
|
test("spread array in object literal", () => {
|
|
const obj = { ...["a", "b", "c", "d"] };
|
|
testObjStrSpread(obj);
|
|
});
|
|
|
|
test("spread array with holes in object literal", () => {
|
|
const obj = { ...[, , "a", , , , "b", "c", , "d", , ,] };
|
|
expect(obj).toEqual({ 2: "a", 6: "b", 7: "c", 9: "d" });
|
|
});
|
|
|
|
test("spread string object in object literal", () => {
|
|
const obj = { ...String("abcd") };
|
|
testObjStrSpread(obj);
|
|
});
|
|
|
|
test("spread object with non-enumerable property", () => {
|
|
const a = { foo: 0 };
|
|
Object.defineProperty(a, "bar", {
|
|
value: 1,
|
|
enumerable: false,
|
|
});
|
|
const obj = { ...a };
|
|
expect(obj.foo).toBe(0);
|
|
expect(obj).not.toHaveProperty("bar");
|
|
});
|
|
|
|
test("spread object with symbol keys", () => {
|
|
const s = Symbol("baz");
|
|
const a = {
|
|
foo: "bar",
|
|
[s]: "qux",
|
|
};
|
|
const obj = { ...a };
|
|
expect(obj.foo).toBe("bar");
|
|
expect(obj[s]).toBe("qux");
|
|
});
|
|
|
|
test("spreading non-spreadable values", () => {
|
|
let empty = {
|
|
...undefined,
|
|
...null,
|
|
...1,
|
|
...true,
|
|
...function () {},
|
|
...Date,
|
|
};
|
|
expect(Object.getOwnPropertyNames(empty)).toHaveLength(0);
|
|
});
|
|
|
|
test("respects custom Symbol.iterator method", () => {
|
|
let o = {
|
|
[Symbol.iterator]() {
|
|
return {
|
|
i: 0,
|
|
next() {
|
|
if (this.i++ == 3) {
|
|
return { done: true };
|
|
}
|
|
return { value: this.i, done: false };
|
|
},
|
|
};
|
|
},
|
|
};
|
|
|
|
let a = [...o];
|
|
expect(a).toEqual([1, 2, 3]);
|
|
});
|
|
|
|
test("object with numeric indices", () => {
|
|
const obj = { 0: 0, 1: 1, foo: "bar" };
|
|
const result = { ...obj };
|
|
expect(result).toHaveProperty("0", 0);
|
|
expect(result).toHaveProperty("1", 1);
|
|
expect(result).toHaveProperty("foo", "bar");
|
|
});
|
|
|
|
describe("modification of spreadable objects during spread", () => {
|
|
test("spreading object", () => {
|
|
const object = {
|
|
0: 0,
|
|
2: 2,
|
|
9999: 9999,
|
|
bar: 44,
|
|
get 3() {
|
|
object[4] = 4;
|
|
object[5000] = 5000;
|
|
return 3;
|
|
},
|
|
};
|
|
|
|
const result = { ...object };
|
|
expect(Object.getOwnPropertyNames(result)).toHaveLength(5);
|
|
expect(Object.getOwnPropertyNames(result)).not.toContain("4");
|
|
expect(Object.getOwnPropertyNames(result)).toContain("bar");
|
|
});
|
|
|
|
test("spreading array", () => {
|
|
const array = [0];
|
|
array[2] = 2;
|
|
array[999] = 999;
|
|
Object.defineProperty(array, 3, {
|
|
get() {
|
|
array[4] = 4;
|
|
array[1000] = 1000;
|
|
return 3;
|
|
},
|
|
enumerable: true,
|
|
});
|
|
|
|
const objectResult = { ...array };
|
|
expect(Object.getOwnPropertyNames(objectResult)).toHaveLength(4);
|
|
expect(Object.getOwnPropertyNames(objectResult)).not.toContain("4");
|
|
|
|
const arrayResult = [...array];
|
|
expect(arrayResult).toHaveLength(1001);
|
|
expect(arrayResult).toHaveProperty("0", 0);
|
|
expect(arrayResult).toHaveProperty("2", 2);
|
|
expect(arrayResult).toHaveProperty("3", 3);
|
|
// Yes the in flight added items need to be here in this case! (since it uses an iterator)
|
|
expect(arrayResult).toHaveProperty("4", 4);
|
|
expect(arrayResult).toHaveProperty("999", 999);
|
|
expect(arrayResult).toHaveProperty("1000", 1000);
|
|
});
|
|
});
|
|
|
|
test("allows assignment expressions", () => {
|
|
expect("({ ...a = { hello: 'world' } })").toEval();
|
|
expect("({ ...a += 'hello' })").toEval();
|
|
expect("({ ...a -= 'hello' })").toEval();
|
|
expect("({ ...a **= 'hello' })").toEval();
|
|
expect("({ ...a *= 'hello' })").toEval();
|
|
expect("({ ...a /= 'hello' })").toEval();
|
|
expect("({ ...a %= 'hello' })").toEval();
|
|
expect("({ ...a <<= 'hello' })").toEval();
|
|
expect("({ ...a >>= 'hello' })").toEval();
|
|
expect("({ ...a >>>= 'hello' })").toEval();
|
|
expect("({ ...a &= 'hello' })").toEval();
|
|
expect("({ ...a ^= 'hello' })").toEval();
|
|
expect("({ ...a |= 'hello' })").toEval();
|
|
expect("({ ...a &&= 'hello' })").toEval();
|
|
expect("({ ...a ||= 'hello' })").toEval();
|
|
expect("({ ...a ??= 'hello' })").toEval();
|
|
expect("function* test() { return ({ ...yield a }); }").toEval();
|
|
});
|
|
|
|
test("spreading null-proto objects", () => {
|
|
const obj = {
|
|
__proto__: null,
|
|
hello: "world",
|
|
friends: "well hello",
|
|
toString() {
|
|
expect().fail("called toString()");
|
|
},
|
|
valueOf() {
|
|
expect().fail("called valueOf()");
|
|
},
|
|
};
|
|
let res;
|
|
expect(() => {
|
|
res = { ...obj };
|
|
}).not.toThrow();
|
|
expect(res).toHaveProperty("hello", "world");
|
|
expect(res).toHaveProperty("friends", "well hello");
|
|
});
|