Add properties for link href

Author: sarupbanskota

tests/integration/components/user-sidebar-test.js

@@ -5,7 +5,6 @@ import PageObject from 'ember-cli-page-object';
 import Ember from 'ember';
 import userSidebarComponent from '../../pages/components/user-sidebar';
 
-
 const { set } = Ember;
 
 let page = PageObject.create(userSidebarComponent);
@@ -64,9 +63,9 @@ test('it renders all required elements', function(assert) {
   assert.equal(page.name, 'Josh Smith', 'Their name renders');
   assert.equal(page.username, 'JoshSmith', 'Their username renders');
   assert.equal(page.twitterHandle, '@joshsmith', 'Their twitter handler renders');
-  assert.equal(this.$('li.twitter a').attr('href'), 'https://twitter.com/joshsmith', 'The twitter link renders');
+  assert.equal(page.twitterLink, 'https://twitter.com/joshsmith', 'The twitter link renders');
   assert.equal(page.website, 'https://codecorps.org', 'Their website renders');
-  assert.equal(this.$('li.website a').attr('href'), 'https://codecorps.org', 'The website link renders');
+  assert.equal(page.websiteLink, 'https://codecorps.org', 'The website link renders');
 });
 
 test('it does not show some details if blank', function(assert) {

tests/pages/components/user-sidebar.js

@@ -1,4 +1,4 @@
-import { isVisible, text, isHidden } from 'ember-cli-page-object';
+import { isVisible, text, isHidden, property } from 'ember-cli-page-object';
 
 export default {
   scope : '.user-sidebar',
@@ -9,5 +9,7 @@ export default {
   twitterHandle       : text('li.twitter'),
   website             : text('li.website'),
   twitterHandleHidden : isHidden('li.twitter'),
-  websiteHidden       : isHidden('li.website')
+  websiteHidden       : isHidden('li.website'),
+  twitterLink         : property('href', 'li.twitter a'),
+  websiteLink         : property('href', 'li.website a')
 };