PhantomJS: Script error on Object.defineProperty for DOM element and Event objects

[miherlosev]

We setup events and dom elements in source and test code using Object.defineProperty.
But PhantomJS doesn't support this - see issue ariya/phantomjs#13895.
Need to investigate way to drop using Object.defineProperty.

[churkin]

Maybe we should try ianstormtaylor/create-event#9 solution?

[miherlosev]

I tried this dark magic and got that it works only for attribute properties.
For event properties it doesn't work.

Step to reproduce:

• download latest PhantomJS from http://phantomjs.org/download.html
• run phantomjs test.js

Test.js

/*Dom element*/ /*Worked*/
console.log('Dom element');
console.log('document.body.attributes.length before redefine:', document.body.attributes.length);
document.body.attributes.constructor.prototype.__defineGetter__('length', function () {return 1000; }); //work
console.log('document.body.attributes.constructor.prototype.__defineGetter__:', document.body.attributes.length);
document.body.attributes.__defineGetter__('length', function () { return 2000; });// don't work
console.log('document.body.attributes.__defineGetter__:',document.body.attributes.length);



/*Event*/
console.log('Event');
var evt = document.createEvent('StorageEvent');

evt.initStorageEvent('storage',false,false,'key','oldValue','newValue', 'http://fabrikam.com/alleged.html', { test: 1 });
console.log('storageArea before redefine:', evt.storageArea);

evt.constructor.prototype.__defineGetter__('storageArea', function () { return window.sessionStorage; });//don't work
console.log('evt.constructor.prototype.__defineGetter__:', evt.storageArea);

evt.constructor.prototype.__defineGetter__.call(evt, 'storageArea', function () { return window.sessionStorage; });//dont't work
console.log('evt.constructor.prototype.__defineGetter__.call:', evt.storageArea);

evt.__defineGetter__('storageArea', function () { return window.sessionStorage; });//dont't work
console.log('evt.__defineGetter__:', evt.storageArea);

evt.__proto__.__defineGetter__('storageArea', function () { return window.sessionStorage; });//dont't work
console.log('evt.__proto__.__defineGetter__:', evt.storageArea);

window.StorageEvent.__defineGetter__.call(evt, 'storageArea', function () { return window.sessionStorage; });//don't work
console.log('window.StorageEvent.__defineGetter__:', evt.storageArea);

[miherlosev]

I found way to override properties of event object:

var evt = document.createEvent('StorageEvent');

evt.initStorageEvent('storage',false,false,'key','oldValue','newValue', 'http://fabrikam.com/alleged.html', { test: 1 });
console.log('storageArea before redefine:', evt.storageArea);
evt = { get 'storageArea'() { return window.localStorage; } };

[churkin]

@miherlosev how it will help us? :)

[miherlosev]

Update:
Solution
document.body.attributes.constructor.prototype.__defineGetter__('length', function () {return 1000; }); is wrong.
It override geter on document.body.attributes.constructor.prototype level.
After it all attributes.length wil return 1000 for all dom nodes.

[miherlosev]

In total we cannot override properties of DOM elements and event properties in PhantomJS.

[miherlosev]

PhantomJS is died.
https://groups.google.com/forum/#!msg/phantomjs/9aI5d-LDuNE/5Z3SMZrqAQAJ

[lock]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests. We recommend you ask TestCafe API, usage and configuration inquiries on StackOverflow.