title: Change fixture response in cypress for the same url with intercept
body: <p>I am trying to write a test with the new cypress 6 interceptor method (<a href="https://docs.cypress.io/api/commands/intercept.html" rel="noreferrer">Cypress API Intercept</a>). For the test I am writing I need to change the reponse of one endpoint after some action was performed.</p>
  <p><strong>Expectation:</strong></p>
  <p>I am calling cy.intercept again with another fixture and expect it to change all upcomming calls to reponse with this new fixture.</p>
  <p><strong>Actual Behaviour:</strong></p>
  <p>Cypress still response with the first fixture set for the call.</p>
  <p><strong>Test Data:</strong></p>
  <p>In a test project I have recreated the problem:</p>
  <p>test.spec.js</p>
  <pre class="lang-js prettyprint-override"><code>describe('testing cypress', () =&gt; {
  
  
      it(&quot;multiple responses&quot;, () =&gt; {
  
          cy.intercept('http://localhost:4200/testcall', { fixture: 'example.json' });
  
          // when visiting the page it makes one request to http://localhost:4200/testcall
          cy.visit('http://localhost:4200');
          cy.get('.output').should('contain.text', '111');
  
          // now before the button is clicked and the call is made again
          // cypress should change the response to the other fixture
          cy.intercept('http://localhost:4200/testcall', { fixture: 'example2.json' });
  
          cy.get('.button').click();
          cy.get('.output').should('contain.text', '222');
          
      });
  
  });
  </code></pre>
  <p>example.json</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;text&quot;: &quot;111&quot;
  }
  </code></pre>
  <p>example2.json</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;text&quot;: &quot;222&quot;
  }
  </code></pre>
  <p>app.component.ts</p>
  <pre class="lang-ts prettyprint-override"><code>import { HttpClient } from '@angular/common/http';
  import { AfterViewInit, Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent implements AfterViewInit {
  
    public text: string;
  
    public constructor(private httpClient: HttpClient) { }
  
    public ngAfterViewInit(): void {
      this.loadData();
    }
  
    public loadData(): void {
      const loadDataSubscription = this.httpClient.get&lt;any&gt;('http://localhost:4200/testcall').subscribe(response =&gt; {
        this.text = response.body;
        loadDataSubscription.unsubscribe();
      });
    }
  
  }
  </code></pre>
  <p>app.component.html</p>
  <pre class="lang-html prettyprint-override"><code>&lt;button class=&quot;button&quot; (click)=&quot;loadData()&quot;&gt;click&lt;/button&gt;
  
  &lt;p class=&quot;output&quot; [innerHTML]=&quot;text&quot;&gt;&lt;/p&gt;
  </code></pre>