Selecting hidden elements when using protractorjs with phantomjs - angularjs

Question

In a recent post of mine I had an issue with hideen elements (see Here). Since then I have moved from chrome driver to phantomjs for headless testing.
My issue is this.
Since the move selecting hidden elements causes the error below,
UnknownError: Error Message => ''undefined' is not a function (evaluating 'arguments[0].click()')'
Running in chrome (webdriver) is fine and all test pass but phantomjs doesn't seem to like this method. Is there another way round this issue that will run in under test using phantomjs and protractorjs.
EDIT
The test below is what I am having issues
it('should redirect to addresses', function () {
var hiddenWebElement = ptor.driver.findElement(by.css('ul#myaccount li:nth-child(2) a'));
ptor.driver.executeScript("arguments[0].click()",hiddenWebElement).then(function() {
expect(ptor.driver.getCurrentUrl()).toContain('#/addresses');
});
}, 15000);
my config file is
// An example configuration file.
exports.config = {
// The address of a running selenium server.
seleniumAddress: 'http://localhost:4444/wd/hub',
baseUrl: 'http://localhost:52254',
// Capabilities to be passed to the webdriver instance.
capabilities: {
'browserName': 'phantomjs'
},
// Spec patterns are relative to the current working directly when
// protractor is called.
specs: [
'Scenarios/account_spec.js',
'Scenarios/add_address_spec.js'
],
// Options to be passed to Jasmine-node.
jasmineNodeOpts: {
showColors: true,
defaultTimeoutInterval: 30000
}
};
A point to notice is that all tests above this run expect the one below which again has an issue when trying to find the element
it('should redirect to login', function () {
ptor.driver.findElement(by.id('headerLoginBtn')).click().then(function () {
expect(ptor.driver.getCurrentUrl()).toContain('/Account/Login');
});
}, 15000);
which throws an exception of element is not visible. Also my tests in this scenario use ptor.driver because the pages contain c# ASP.NET code.

Answer 1

i found a workaround which looks like the only possible way to me. I removed the css that hide the element and then clicked on it and it worked. I am using selenium but it should be similar solution for you
executeJavaScript("$('.log-out').removeClass('hide');");
driver.findElement(By.className("log-out")).click();