@@ -41,7 +41,8 @@ function setOptionSelectedStatus(optionEl, value) {
4141 * <option value="option-1">Option 1</option>
4242 * <option value="option-2">Option 2</option>
4343 * </select><br>
44- * <span ng-if="myForm.testSelect.$error.unknownValue">Error: The current model doesn't match any option</span>
44+ * <span class="error" ng-if="myForm.testSelect.$error.unknownValue">
45+ * Error: The current model doesn't match any option</span><br>
4546 *
4647 * <button ng-click="forceUnknownOption()">Force unknown option</button><br>
4748 * </form>
@@ -90,11 +91,11 @@ function setOptionSelectedStatus(optionEl, value) {
9091 * <div ng-controller="ExampleController">
9192 * <form name="myForm">
9293 * <label for="testSelect"> Select: </label><br>
93- * <select name="testSelect" ng-model="selected" unknown-value-required>
94+ * <select name="testSelect" ng-model="selected" required unknown-value-required>
9495 * <option value="option-1">Option 1</option>
9596 * <option value="option-2">Option 2</option>
9697 * </select><br>
97- * <span ng-if="myForm.testSelect.$error.required">Error: Please select a value</span><br>
98+ * <span class="error" ng-if="myForm.testSelect.$error.required">Error: Please select a value</span><br>
9899 *
99100 * <button ng-click="forceUnknownOption()">Force unknown option</button><br>
100101 * </form>
@@ -130,6 +131,22 @@ function setOptionSelectedStatus(optionEl, value) {
130131 * };
131132 * });
132133 * </file>
134+ * <file name="protractor.js" type="protractor">
135+ * it('should show the error message when the unknown option is selected', function() {
136+
137+ var error = element(by.className('error'));
138+
139+ expect(error.getText()).toBe('Error: Please select a value');
140+
141+ element(by.cssContainingText('option', 'Option 1')).click();
142+
143+ expect(error.isPresent()).toBe(false);
144+
145+ element(by.tagName('button')).click();
146+
147+ expect(error.getText()).toBe('Error: Please select a value');
148+ });
149+ * </file>
133150 *</example>
134151 *
135152 *
0 commit comments