Docs: https://docs.cypress.io | Issues: https://github.com/cypress-io/cypress/issues
Started getting this error with chrome 89 and cypress 6.6 =>
Error: ffmpeg exited with code 1: Error initializing output stream 0:0 -- Error while opening encoder for output stream #0:0 - maybe incorrect parameters such as bit_rate, rate, width or height
Conversion failed!
It was random but now consistent... any one else?
known issue => cypress-io/cypress#15300
I'm testing network errors in my app by intercepting network calls and mocking responses. I've successfully mocked an external API network call (firebase auth) and everything seems to read correctly in Cypress, but the actual response received by my code looks something like:
{
code: "auth/internal-error"
message: "{"error":{"code":400}}"
}The error in the message is what I actually mocked in cypress.
Hello, I know that cy.route is obsolete right now but I need to understand it, and I have a small problem.
I have code like
describe("Route usage", () => {
beforeEach(() => cy.server());
afterEach(() => cy.server({ enable: false }));
it("Change GET output", () => {
cy.route("**/users", { id: "2121" }).as("getUsers");
cy.request({
method: "GET",
url: "/users",
});
cy.wait("@getUsers");
});
});and cy.request get 200 code and response is right in dev tools, but I can't get the route/stubbing to work on wait, I'm gettingTimed out retrying after 5000ms: cy.wait() timed out waiting 5000ms for the 1st request to the route: getUsers. No request ever occurred.
Need some advice on a recurring problem that is creating flaky tests for us.
We have some toast popups. Sometimes, they cover things that we need to not have covered. So, I wrote a command to dismiss them:
Cypress.Commands.add('dismissToasts', () =>
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy
.wait(100)
.then(() =>
// Wrapping in .then gives DOM a chance to update properly
cy
.get('#toast-container .ngx-toastr .toast-close-button')
.click({ multiple: true, force: true }),
)
.then(() => {
cy.get('#toast-container .ngx-toastr .toast-close-button').should(
'not.exist',
);
}),
);Problem is that sometimes there is more than one toast, and I just want to dismiss them all. i wait 100ms to make sure that all the toasts have popped up, then I dismiss all of them. Sometimes another one pops up after they've been dismissed.
I don't want a ton of testing around these toasts. I just want to get rid of them so they don't interfere with testing. What do you recommend for how to get rid of them? Some tests check for them, but for the most part, I want them dismissed so tests run smoothly. Any advice?
So, that's the thing. 90% of the time, I don't care about the toasts. I just want them gone because these tests run so fast that soon I have 20 of them on the page, covering things. This is not a real-world scenario. People aren't that fast.
But I have some tests where I actually click the toasts because they have click events on them. So I don't want to disable them
Cypress.Commands.add('loginAsClient', () => {
cy.request({
method: 'POST',
url: 'http://localhost:8080/api/v1/auth/login',
body: {
email: 'email@address.here',
password: 'Password'
}
})
.then((resp) => {
cy.log('User Token is ' + resp.body)
cy.setLocalStorage('user-token', resp.body)
cy.returnBody('http://localhost:8080/api/v1/auth/permission', JSON.stringify(resp.body))
.then((returned_value) => {
cy.log(returned_value)
})
})
});Cypress.Commands.add('returnBody', (url, token) => { //API to return some values
return cy.request({
method: 'GET',
url: url,
auth: {
bearer: token
}
})
.then((response) => {
// Stringify JSON the body.
let body = JSON.stringify(response.body)
cy.log(body)
})
})
1 reply
@bahmutov : My application works entirely on Iframes. So in order to handle all of them I followed your doc to actually move my application out of Cypress frame into a child window. ( This works great if I give a standard timeout and not do a check if my app has completely loaded). The problem I am facing here is upon checking if my frame document is ready, and I proceed into the test, I am unable to get the content frame as necessary. ( Again this works when I just give a settimeout as suggested by you instead of waiting for the page to load). Code as shown below. Could you please advice :
Cypress.Commands.add("openWindow", (url, features) => {
const w = Cypress.config("viewportWidth");
const h = Cypress.config("viewportHeight");
if (!features) {
features = width=${w}, height=${h};
}
console.log('openWindow %s "%s"', url, features);
// cy.log("Creating new Window");
return new Cypress.Promise((resolve) => {
if (window.top.aut) {
console.log("window exists already");
window.top.aut.close();
}
// https://developer.mozilla.org/en-US/docs/Web/API/Window/open
window.top.aut = window.top.open(url, "aut", features);
// letting page enough time to load and set "document.domain = localhost"
// so we can access itError Observed when trying to get my iframe :
setTimeout(() => {
cy.state("document", window.top.aut.document);
cy.state("window", window.top.aut);
}, 500);
const documentLoaded = setInterval(() => {
let documentObj = window.top.aut.document;
if (documentObj.readyState === "complete") {
debugger;
let frameDoc = "";
let frame = documentObj.querySelector("#contentframe");
if (frame !== null) {
frameDoc = documentObj.querySelector("#contentframe").contentDocument
.readyState;
}
if (frameDoc === "complete") {
clearInterval(documentLoaded);
cy.state("window", window.top.aut);
resolve();
}
}
}, 500); });
});
Hello. I have a react app for front end and node js backend. I have different repository for front end and for backend. Each repository has their own ci/cd (azure pipeline).
As of now if I run cypress locally all the test are working.
How do I start the backend server in ci env or locally since they are in two separate folder. ?
Do i even need to start a server ?
I have seen people using script to run backend dev server which exist within a single folder and that single folder has one front end folder and one backend folder
Has anyone got the cypress unit testing to work using: https://github.com/bahmutov/cypress-angular-unit-test? I followed the instructions and ran into an error (below). If clone the repo (which has a lot more), it works. But I want to implement the cypress unit testing in an existing project. To make sure nothing else is interfering I created an new angular 11 project, implemented changes per the article, same issue
Details: C:\Development\cypress-angular-unit\cypress\plugins\index.js:6
import * as cypressTypeScriptPreprocessor from "./cy-ts-preprocessor";
^^^^^^
SyntaxError: Cannot use import statement outside a module
chdir(dirname(base_path(), 1) . "/e2e-testing");
$handle = popen('npx cypress run --browser chrome --env SITE=GSO --config-file "cypress.dev.json" --spec "cypress/sites/WEBSITE_A/performance.spec.js" --headless 2>&1', 'r');env: node: No such file or directory
How do I achieve the following in Cypress? (JS)window.mapComponent.getTestHelper().testHookGetFeaturesForLayer('5452353c-24a6-4ba8-899c-13ed8857cd12').filter(e => e.feature.values_.Id==='2f6c245c-8755-5647-aca4-0de03c8c2338')
I cannot fathom how to get the filter included. I have so farcy.window().its('mapComponent').invoke('getTestHelper').invoke('testHookGetFeaturesForLayer', '5452353c-24a6-4ba8-899c-13ed8857cd12')
