add data attribute (data-key) for better testability, fixed #35

Author: dnauck

CHANGELOG.md

@@ -1,6 +1,7 @@
 ### 3.0.0 - 03 May 2016
 * update to angular-ui-bootstrap 1.x, fixed #26, #36
 * show auto complete dropdown from the beginning on suggested value parameters, fixed #33
+* add data attribute (data-key) for better testability, fixed #35
 
 ### 2.2.0 - 30 March 2016
 * add support for events on adding and removing search params, fixed #32

src/angular-advanced-searchbox.html

@@ -8,7 +8,7 @@
             <a ng-href="" ng-click="removeSearchParam($index)" role="button">
                 <span class="remove glyphicon glyphicon-trash"></span>
             </a>
-            <div class="key" ng-click="enterEditMode($event, $index)">{{searchParam.name}}:</div>
+            <div class="key" data-key="{{searchParam.key}}" ng-click="enterEditMode($event, $index)">{{searchParam.name}}:</div>
             <div class="value">
                 <span ng-show="!searchParam.editMode" ng-click="enterEditMode($event, $index)">{{searchParam.value}}</span>
                 <input name="value"
@@ -45,6 +45,10 @@
     </div>
     <div class="search-parameter-suggestions" ng-show="parameters && focus">
         <span class="title">{{parametersLabel}}:</span>
-        <span class="search-parameter" ng-repeat="param in parameters | filter:isUnsedParameter | limitTo:parametersDisplayLimit" ng-mousedown="addSearchParam(param)">{{param.name}}</span>
+        <span class="search-parameter" ng-repeat="param in parameters | filter:isUnsedParameter | limitTo:parametersDisplayLimit" 
+          data-key="{{param.key}}"
+          ng-mousedown="addSearchParam(param)">
+          {{param.name}}
+        </span>
     </div>
 </div>