<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[ x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[ x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
Test Repo - <a href="https://github.com/mildfuzz/angular-mockError">https://github.com/mildfuzz/angular-mockError</a></p>
<p dir="auto">I am unable to test predicted HTTP error responses. Mockbackend can either send a response with an error code (which my app treats as a successful response in the test environment, but as an error in real world)</p>
<p dir="auto">I am unable to send status codes with an error response in my tests, so I can not test any error handling my application might implements.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
at least one of the defined test cases passes</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
Test Repo - <a href="https://github.com/mildfuzz/angular-mockError">https://github.com/mildfuzz/angular-mockError</a></p>
<p dir="auto">this is a re-opening of issue <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="139123794" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/7471" data-hovercard-type="issue" data-hovercard-url="/angular/angular/issues/7471/hovercard" href="https://github.com/angular/angular/issues/7471">#7471</a>, which was closed due to lack of repro steps.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
To be able to test all responses</p>
<p dir="auto"><strong>Please tell us about your environment:</strong><br>
OsX</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.0.X<br>
Angular 2.1.0</p>
</li>
<li>
<p dir="auto"><strong>Browser:</strong> [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]<br>
Chrome 54</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> TypeScript 2.0.3</p>
</li>
<li>
<p dir="auto"><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =   6.9.1</p>
</li>
</ul>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x ] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x ] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
When showing a form in IE 11 with an input field, the initial state of the field is not pristine, leading to error messages being shown to the user before he touched the field.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
The field state should be pristine until the user first entered and removed some text. This works fine in e.g. Google Chrome</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
<a href="http://embed.plnkr.co/fm7lH2/" rel="nofollow">http://embed.plnkr.co/fm7lH2/</a><br>
The red error message should only be display when the user entered and removed some text.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
Form validation errors should only be displayed when a user touched the form.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong><br>
Windows 7 / IE 11</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.4.7</p>
</li>
<li>
<p dir="auto"><strong>Browser:</strong> IE 11</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> TypeScript</p>
</li>
<li>
<p dir="auto"><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =   v6.3.1</p>
</li>
</ul>