BackstopJS - click and type in inputfield

Question

I try to click in an inputfield. HTML is as follows:

<input tvv-form-control="" class="form-control ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required ng-valid-tvv-max-text-length" placeholder="myUsername" type="text" name="userId" ng-model="userName" id="userName" required="" tvv-acl-always-show="true">

In my scenario I add following:

    "scenarios": [
        {
          "label": "testLogin",
          "url": "https://test.com/myTest/#/login",
          "referenceUrl": "https://stage.test.com/myTest/#/login",
          "clickSelector": "#userName.form-control.ng-scope.ng-valid-tvv-max-text-length.ng-not-empty.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required.ng-touched",
          "delay": 5000
 } ]

When I run my test I get an error:

TimeoutError: waiting for selector `#userName.form-control.ng-scope.ng-valid-tvv-max-text-length.ng-not-empty.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required.ng-touched` failed: timeout 30000ms exceeded

Sosmeone who can tell me what I'am doing wrong here?

Answer 1

Anyways, I got it to work by: "selector": "#userName"