How to prevent full page reload when testing Angular with Cypress?Reloading the page gives wrong GET request with AngularJS HTML5 modeHow to use jQuery with Angular?How to detect a route change in Angular?Angular/RxJs When should I unsubscribe from `Subscription`How to detect when an @Input() value changes in Angular?Handle url redirects in angular-cli application deployed to github pagesHow to navigate in a SPA inside an iFrame from an Angular application without reloadingCypress: Test if element does not existHow to login in Auth0 in an E2E test with Cypress?How to avoid that tested page exits iframe in Cypress after login on test page

Irreducibility of a simple polynomial

Is the destination of a commercial flight important for the pilot?

Personal Teleportation as a Weapon

Is there any reason not to eat food that's been dropped on the surface of the moon?

Displaying the order of the columns of a table

Is a roofing delivery truck likely to crack my driveway slab?

How to be diplomatic in refusing to write code that breaches the privacy of our users

Was Spock the First Vulcan in Starfleet?

Minimal reference content

Your magic is very sketchy

Modulo 2 binary long division in European notation

Finding all intervals that match predicate in vector

What is the oldest known work of fiction?

The plural of 'stomach"

Implement the Thanos sorting algorithm

Coordinate position not precise

How can I get through very long and very dry, but also very useful technical documents when learning a new tool?

Best way to store options for panels

Was the picture area of a CRT a parallelogram (instead of a true rectangle)?

How will losing mobility of one hand affect my career as a programmer?

Can somebody explain Brexit in a few child-proof sentences?

What to do with wrong results in talks?

Is it okay / does it make sense for another player to join a running game of Munchkin?

At which point does a character regain all their Hit Dice?



How to prevent full page reload when testing Angular with Cypress?


Reloading the page gives wrong GET request with AngularJS HTML5 modeHow to use jQuery with Angular?How to detect a route change in Angular?Angular/RxJs When should I unsubscribe from `Subscription`How to detect when an @Input() value changes in Angular?Handle url redirects in angular-cli application deployed to github pagesHow to navigate in a SPA inside an iFrame from an Angular application without reloadingCypress: Test if element does not existHow to login in Auth0 in an E2E test with Cypress?How to avoid that tested page exits iframe in Cypress after login on test page













3















When I write my Cypress e2e tests for my Angular application, I often use the visit() command like this:



.visit('/foo/bar')



This get's the job done, i.e. Cypress navigates to /foo/bar, but the entire application reloads. This is very slow, and does not mimic actual user behaviour.



Is it possible to navigate/visit the Angular application, without full page reloads?



I did try:



cy.window().then((win) => 
win.history.pushState(, '', '/foo/bar')
)


But angular does not react to this.










share|improve this question






















  • There is a blog post explaining how to interact with AngularJS from Cypress: cypress.io/blog/2017/11/15/… It's for 1.x, but maybe some of the concepts are still relevant.

    – Zach Bloomquist
    Mar 21 at 15:06















3















When I write my Cypress e2e tests for my Angular application, I often use the visit() command like this:



.visit('/foo/bar')



This get's the job done, i.e. Cypress navigates to /foo/bar, but the entire application reloads. This is very slow, and does not mimic actual user behaviour.



Is it possible to navigate/visit the Angular application, without full page reloads?



I did try:



cy.window().then((win) => 
win.history.pushState(, '', '/foo/bar')
)


But angular does not react to this.










share|improve this question






















  • There is a blog post explaining how to interact with AngularJS from Cypress: cypress.io/blog/2017/11/15/… It's for 1.x, but maybe some of the concepts are still relevant.

    – Zach Bloomquist
    Mar 21 at 15:06













3












3








3








When I write my Cypress e2e tests for my Angular application, I often use the visit() command like this:



.visit('/foo/bar')



This get's the job done, i.e. Cypress navigates to /foo/bar, but the entire application reloads. This is very slow, and does not mimic actual user behaviour.



Is it possible to navigate/visit the Angular application, without full page reloads?



I did try:



cy.window().then((win) => 
win.history.pushState(, '', '/foo/bar')
)


But angular does not react to this.










share|improve this question














When I write my Cypress e2e tests for my Angular application, I often use the visit() command like this:



.visit('/foo/bar')



This get's the job done, i.e. Cypress navigates to /foo/bar, but the entire application reloads. This is very slow, and does not mimic actual user behaviour.



Is it possible to navigate/visit the Angular application, without full page reloads?



I did try:



cy.window().then((win) => 
win.history.pushState(, '', '/foo/bar')
)


But angular does not react to this.







angular angular-routing cypress






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 21 at 15:00









DauleDKDauleDK

1,3711330




1,3711330












  • There is a blog post explaining how to interact with AngularJS from Cypress: cypress.io/blog/2017/11/15/… It's for 1.x, but maybe some of the concepts are still relevant.

    – Zach Bloomquist
    Mar 21 at 15:06

















  • There is a blog post explaining how to interact with AngularJS from Cypress: cypress.io/blog/2017/11/15/… It's for 1.x, but maybe some of the concepts are still relevant.

    – Zach Bloomquist
    Mar 21 at 15:06
















There is a blog post explaining how to interact with AngularJS from Cypress: cypress.io/blog/2017/11/15/… It's for 1.x, but maybe some of the concepts are still relevant.

– Zach Bloomquist
Mar 21 at 15:06





There is a blog post explaining how to interact with AngularJS from Cypress: cypress.io/blog/2017/11/15/… It's for 1.x, but maybe some of the concepts are still relevant.

– Zach Bloomquist
Mar 21 at 15:06












0






active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55283400%2fhow-to-prevent-full-page-reload-when-testing-angular-with-cypress%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55283400%2fhow-to-prevent-full-page-reload-when-testing-angular-with-cypress%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

용인 삼성생명 블루밍스 목차 통계 역대 감독 선수단 응원단 경기장 같이 보기 외부 링크 둘러보기 메뉴samsungblueminx.comeh선수 명단용인 삼성생명 블루밍스용인 삼성생명 블루밍스ehsamsungblueminx.comeheheheh

155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해