Examining the outcome of {{price}} and {{getAdditionalKm}} in my AngularJS Application using Protractor. Here is a snippet of the HTML I aim to test:
<h1>{{ price(distance, time, time_standing, airport) | currency }}</h1>
<p>Detailed Price:<p>
...
<b>Distance</b><br>
{{ getFreeKm( time) }} Free kilometers<br>
{{ getAdditionalKm(distance, time) }} km at {{ fee_additionalkm | currency }} Extra kilometer cost = {{ getFee_additionalKm(distance, time) | currency }} Kilometer Price<br>
...
In my protractor Scenario I execute
expect(element(by.binding('price')).getText()).toEqual('20,30 €');Conversely when running
expect(element(by.binding('getAdditionalKm')).getText()).toEqual('50');{{ price }} section. This is the displayed result during execution of the Protractor Test:
...
Failures:
1) c2g test obtain price with 50 additional kms
Message:
Expected 'Time
0 days at 59.00 ? = 0.00 ?
0 hours at 14.90 ? = 0.00 ?
20 minutes at 0.29 ? = 5.80 ?
Distance
50 Free kilometers
50 km at 0.29 ? Additional kilometer cost = 14.50 ? Kilometer Price
Miscellaneous
0.00 ? Time standing
0.00 ? Airport fee' to be equal to '50'.
...
Why isn't protractor selecting solely the {{getAdditionalKm}} content? Is there a need to alter the HTML structure?