Niche question, here: Does anyone have any examples of how we can extend the debugging in cypress so that I can log various things at the CLI during

cypress run

?

Hi, i'm cannot run cypress open after install cypress again even though last project no problem hope you guys help me to run cypress thank you ---------------------------------------------------------------- Error: Your application tried to access bluebird, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.

I have a bunch of plugins and config and stuff. I don't want to have to duplicate it. like

ts
// cypress/support/component.ts
import "./commands";
import { mount } from "cypress/vue";
import { app } from "../src/main.js";

// do something with `app` so it's actually used

Cypress.Commands.add('mount', mount)

I have a spec file with few tests in it. One of the tests, mostly the last one will fail on a network request intermittently. The status returned is 401. It doesn't happen in all the run. I'm not sure why it happens sometimes. Is there a way I can intercept this request and if 401 is returned then restart or retry the test? What other suggestions do you have?

Hi everyone, I am trying to use custom_commands with typescript and cucumber configuration, when i change the supportFile: "./cypress/support/e2e.ts" the execution get stuck in the loading phase (see screenshot). however when i set it to supportFile: false, i get the message loginToWimoQa is not a function. you can see also in the screenshots my test, e2e.ts and index.d.ts. thank you

I've listed my spec file paths in the cypress.config.ts under specPattern but tests are still being run in alphabetical order.

I am trying to get the element count if the elements exists to assign to a variable and used something like:

javascript
cy.get('.my-class-name).then((list) => { 
   const count = list.length
})

However, the test will fail when the element is not visible at all. Please could you help?

Hi, I have a scenario where I add a value to a table with multiple rows and columns. I need to iterate through the table and find the value, if its present then print its location or a success message. And if the value is not found then fail the test. How can I do this efficiently? Can someone help?

Hello, I'm using fixtures for the first time and took a snippet of code from cypress github but I can't get it to work. I want to iterate with foreach to read each item but I always have this error message : examples.forEach is not a function code I'm currently using : it('gets its data from a fixture', function() { cy.fixture('examples') .then((examples) => { //

examples

contains the full contents of the fixture examples.forEach((example) => { // Do something with each example }); }); }); content of the fixture file (examples.json) : { "email": "sam_blogs@webdriveruni.com", "otheremail": "sam_blogs@webdriveruni.com" } Do you have any idea what I'm doing wrong please ? Thanks ! Leila

Hi, every time we add new custom command file(s) in the support folder we need to import the file in the e2e.js. What would be the best way to import those files at their folder level instead of writing the whole path and the file name one by one? This will be beneficial if I automatically add new custom command file under existing folder. Example, given I have this custom command files: branchCommands.js depositoryAccountCommands.js transactionCategoriesCommands.js

import "./api-commands/administration/organization/branchCommands";
import "./api-commands/administration/organization/depositoryAccountCommands";
import "./api-commands/administration/generalledger/transactionCategoriesCommands";

How can I import these at their folder level like:

import "./api-commands/administration/organization
import "./api-commands/administration/generalledger

So that whatever custom command files will be added in the existing folder, I'll no longer specify the whole path including its file name? Thanks!

I have a pretty basic test that clicks a link and checks that the resulting page has a certain title:

it('Post button works', () => {
  cy.contains('Posts').click();
  cy.get('h1').should('include.text', 'Posts 1–5 of ');
});

This works fine when run in chrome or electron, but fails in firefox with the error

> error loading dynamically imported module

My site is a sveltekit site. I searched but didn't find any obvious solutions. Any suggestions?

I saw that one of Cypress trade-offs is: support for multiple browser tabs. Is there workaround? I am learning cypress and so far I like it, but if this is a case I need to look for another option, since I need to deal with opening another tab and looking for a elements on that second tab. Anyone have experience with this? Thanks

How do I set up a Bitbucket pipeline to write test fixtures with before:spec via setupNodeEvents() ?

Hope everyone is doing well, I'm trying to find a way to skip a few test cases in my localhost, any idea how I can implement that with a tag or condition skip?

Currently I am testing out cypress component testing but running into some issues. As tech stack I am using vite + react + mui. The issue I am having is that a styled component renders on it's own but not when it's a child component. I have read that there needs to something implemented, but the docs only talk about general CSS. The vite server shows everything correctly but the cypress page not. Does anyone know why this happens? PS hopefully the video helps https://cdn.discordapp.com/attachments/1105184840803946636/1105184841043038318/2023-05-08_19-28-28.mp4

In the "Basic Setup" section (https://docs.cypress.io/guides/continuous-integration/gitlab-ci#Basic-Setup) it references the NPM script

start:ci

- there is no mention of what commands are in this script elsewhere in the documentation that I could find - if someone knows that would be great.

I already have this in index.js file - module.exports = (on, config) => { on("before:browser:launch", (browser, launchOptions) => { console.log(launchOptions.args); if (browser.name === "chrome") { launchOptions.args.push("--incognito"); } return launchOptions; }); 2. Can i pass something in CLI like --incognito option, cypress gives error unknown incognito option 3. Also the cypress open option doesn't seem to work - npx cypress open --browser chrome --config chromeWebSecurity=false --incognito

Hi, everybody🧐 I run jenkins test > jenkins is loaded in russian - i run it through localhost - does it depend on language on laptop? - how can i fix this? Thank you!

inside a component i'm testing there's a

fetch("path/to/dump.yaml").then(...)

it returns 200, but it's this HTML instead of the YAML i'm expecting. works fine outside of cypress. components which don't load this work fine too.

html
<!DOCTYPE html>
<html>
  <head>
        <script type="module" src="/__cypress/src/@vite/client"></script>
      
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Components App</title>
  </head>
  <body>
    <div data-cy-root></div>
  
        <script>// This file is merged in a <script type=module> into index.html
// it will be used to load and kick start the selected spec

const CypressInstance = window.Cypress = parent.Cypress

const importsToLoad = []

/* Support file import logic, this should be removed once we
 * are able to return relative paths from the supportFile
 * Jira #UNIFY-1260
 */
const supportFile = CypressInstance.config('supportFile')
const projectRoot = CypressInstance.config('projectRoot')
const devServerPublicPathRoute = CypressInstance.config('devServerPublicPathRoute')

if (supportFile) {
  let supportRelativeToProjectRoot = supportFile.replace(projectRoot, '')

  if (CypressInstance.config('platform') === 'win32') {
    const platformProjectRoot = projectRoot.replaceAll('/', '\\')

    supportRelativeToProjectRoot = supportFile.replace(platformProjectRoot, '')
  }

  // We need a slash before /cypress/supportFile.js, this happens by default
  // with the current string replacement logic.
  importsToLoad.push({
    load: () => import(`${devServerPublicPathRoute}${supportRelativeToProjectRoot}`),
    absolute: supportFile,
    relative: supportRelativeToProjectRoot,
    relativeUrl: `${devServerPublicPathRoute}${supportRelativeToProjectRoot}`,
  })
}

// Using relative path wouldn't allow to load tests outside Vite project root folder
// So we use the "@fs" bit to load the test file using its absolute path
// Normalize path to not include a leading slash (different on Win32 vs Unix)
const normalizedAbsolutePath = CypressInstance.spec.absolute.replace(/^\//, '')
const testFileAbsolutePathRoute = `${devServerPublicPathRoute}/@fs/${normalizedAbsolutePath}`

/* Spec file import logic */
// We need a slash before /src/my-spec.js, this does not happen by default.
importsToLoad.push({
  load: () => import(testFileAbsolutePathRoute),
  absolute: CypressInstance.spec.absolute,
  relative: CypressInstance.spec.relative,
  relativeUrl: testFileAbsolutePathRoute,
})

if (!CypressInstance) {
  throw new Error('Tests cannot run without a reference to Cypress!')
}

// load the support and spec
CypressInstance.onSpecWindow(window, importsToLoad)

// then start the test process
CypressInstance.action('app:window:before:load', window)

// Before all tests we are mounting the root element,
// Cleaning up platform between tests is the responsibility of the specific adapter
// because unmounting react/vue component should be done using specific framework API
// (for devtools and to get rid of global event listeners from previous tests.)
CypressInstance.on('test:before:run', () => {
  // leave the error overlay alone if it exists
  if (document.body.querySelectorAll('vite-error-overlay').length) {
    // make the error more readable by giving it more space
    Cypress.action('cy:viewport:changed', { viewportWidth: 1000, viewportHeight: 500 })

    return
  }

  // reset the viewport to default when in normal mode
  Cypress.action('cy:viewport:changed', {
    viewportWidth: Cypress.config('viewportWidth'),
    viewportHeight: Cypress.config('viewportHeight'),
  })
})

// Make usage of node test plugins possible
window.global = window
window.process = typeof process !== 'undefined' ? process : {}
</script>
        </body>
</html>

Good morning, I'm having a problem with my component tests. I created a TEST file just for configuration and the scenario has only:

describe('TEST.cy.tsx', () => {
  it('playground', () => {
    cy.mount(<BillingListPage/>)
    cy.log( 'true' )
  })
})

The project uses React, **Webpack **bundler, and Single-SPA. The idea is to run it in standalone mode, but this is not happening. Initially, the project was running on version 6.0.0, and I am migrating it to version ^12.0.0. When executing the project, the component return this var_ = _non_webpack_require__(... : and in the console: My cypress.config.ts file:

import { defineConfig } from 'cypress';
import webpackConfig from './webpack.config';

export default defineConfig({
  component: {
    devServer: {
      framework: 'react',
      bundler: 'webpack',
      webpackConfig,
    },
    viewportWidth: 1000,
    viewportHeight: 660,
  },
});

Is there any missing configuration to be able to execute the components in standalone mode?

https://learn.cypress.io/real-world-examples/cypress-real-world-app-overview

Hello, I need some help with cypress, Before my cypress code was working, and I update to node 18 cypess is not woking now and I am not getting any error message.

html
<script setup>
defineExpose({foo: 1337})
</script>

<template>
  Hello!
</template>

ts
describe("<MyComponent />", () => {
  it("renders", () => {
    cy.mount(MyComponent).then(({wrapper, component}) => {
      expect(component.foo).to.equal(1337) // fails; component.foo is undefined
    })
  });
});

Hi! I'm in a project where the stack is new for me (they use Elixir + Phoenix and Protobuf). I want to perform integration testing (API testing) using TypeScript, and I would like to know if is it possible to test gRPC APIs with Cypress. I haven't found samples of that (just samples using REST APIs). Thanks in advance for your answers. Have a great day!

For some reason im not being able to simply install jq using this newer Cypress image. I was able to do it very well with cypress/browsers:node16.16.0-chrome107-ff107-edge but not with this one. Any workarounds?

I am calling .get('the parent element').children() and getting an error of time out because can't find the element, even when finding only the parent, the screenshot reveals that the children also loaded. So I don't know what to do. It refuses to find any children or element inside the parent element. I can provide with the html and code (is just the get)

Hi, I have issue with cy.intercept('getitems').as('getItems'), so I can see request that I want to intercept in cypress runner left sidebar before cy.intercept line, but test step fail on cy.wait('@getItems').then(interception) => { if (parseInt(JSON.stringify(interception.response?.body.data.itmes[0].item.length))) { console.log(JSON.stringify(interception)) } else { cy.log(JSON.stringify(interception); } }

Hello, as you can see on the screenshot, I got an error to load a page. But I just click on a link that launch a download, I don’t want to load a page and the download is fully done in less than 2/3 seconds (so I really don’t understand why it wait for 60 seconds).

Hello friends, I am a first time user of Cypress. i tried to run npx run cypress and i got this error. i dont know what to do? should i uninstall?

Here is the Scenario : There is button where its open a new tab But due to usage of angular its kind of dynamic . How I can resolve this ? Is there any workaround to catch the URL when I click on this button ? Help me . Plzzzzz