Test for string length in AngularJS Karma e2e test

Question

I would like to check the string length of a field value in my AngularJS/Karma e2e test. I am trying the following in scenarios.js. The error message points at row 178 (see below), column 52 (where 'toBeGreaterThan' begins):

expect(element('#userId').text().length).toBeGreaterThan(5);


TypeError: Cannot read property 'name' of undefined
    at Object.angular.scenario.matcher.(anonymous function) (http://web.loc/myApp/test/lib/angular/angular-scenario.js:24310:41)
    at Object.executeStatement (http://web.loc/myApp/test/lib/angular/angular-scenario.js:24276:30)
    at Object.chain.(anonymous function) [as toBeGreaterThan] (http://web.loc/myApp/test/lib/angular/angular-scenario.js:24284:37)
    at Object.<anonymous> (http://web.loc/myApp/test/e2e/scenarios.js:178:52)

If I load the page, I can see that the field is populated with a userId. In fact, all the fields below get populated from the "users" array by the following line in the controller:

 $scope.users = response.data;

======== HTML ==========

 <div ng-repeat="user in users" class="users">
    <div class="inline pull-left">
        <label>Firstname: </label><span id="firstname">{{user.firstname}}</span><br/>
        <label>Lastname: </label><span id="lastname">{{user.lastname}}</span><br/>
        <label>Username: </label><span id="username">{{user.username}}</span><br/>
        <label>userEmail: </label><span id="email">{{user.email}}</span><br/>
        <label>Birthdate: </label><span id="dob">{{user.dob}}</span><br/>
        <label>User ID: </label><span id="userId">{{user.userId}}</span><br/>
        <label>Parent ID: </label><span id="parentId">{{user.parentId}}</span><br/>
        <label>Children: </label><span id="children">{{user.children}}</span><br/>
        <label>Type: </label><span id="type">{{user.type}}</span><br/>
        <label>Gender: </label><span id="gender">{{user.gender}}</span><br/>
        <label>Created Date:  </label><span id="createdDate">{{user.createdDate}}</span><br/>
        <label>Last LoginDate: </label><span id="lastLoginDate">{{user.lastLoginDate}}</span><br/>
        <label>Token: </label><span id="token">{{token}}</span><br/>
    </div>
    <div class="inline pull-right">
        <img ng-src="{{user.profilePictureUrl}}" class="profile-picture"/>
    </div>
</div>

======== users array example ========

[{"type":"child","firstname":"Jane","lastname":"Sparrow","email":"[email protected]","password":"","username":"adam","dob":"1995-01-25","gender":"female","parentId":0,"userId":"999999","userToken":"xx-xxxxx-xxxx-xxxxx-xxxxxx","createdDate":"2013-08-12","lastLoginDate":"2013-08-13","profilePictureUrl":"http://zzz.com/profilepic/me.png","children":[]}]