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
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.
add a comment |
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.
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
add a comment |
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.
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.
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
add a comment |
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
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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