How to use extractWebpackConfigPathFromScript method in Cypress

    cy.get('your_button').then(($button) => {
        if(cy.get($button).should('not.be.disabled')){
            //your logical code for button ACTIVE
        }
        else{
            //your logical code for button NOT ACTIVE
        }
    })

I'm testing our file upload service like this:

Cypress.Commands.add('uploadFile', (fileNamePath, fileName, fileType = ' ', selector) => {
  cy.get(selector).then((subject) => {
    cy.fixture(fileNamePath, 'base64')
      .then(Cypress.Blob.base64StringToBlob)
      .then((blob) => {
        const el = subject[0]
        const testFile = new File([blob], fileName, {
          type: fileType,
        })
        const dataTransfer = new DataTransfer()
        dataTransfer.items.add(testFile)
        el.files = dataTransfer.files
      })
  })
})

Then in spec file. click upload button and wait for the file to load up:

cy.server().route('POST', api-upload-url).as('loadUp')
        cy.uploadFile('./pathToFile/' + fileName, fileName, fileType, fileInput);
        cy.get('.btn-upload.mat-raised-button.mat-primary').click()
        cy.wait('@loadUp').then((response) => {
            expect(response.method).to.eq('POST')
            expect(response.status).to.eq(200)
            expect(response.response.body.status).to.eq('OK')
        })

There's also a check for desired responses.

It's not super fancy and optimized. But it works in 3.1.5 and 3.2.0. It works using the electron 59 both headed and headless

I ran into a problem almost like yours with before.

before() runs before the next block of code.

describe("Some test", function() {
    before(function() {
        //something ...
        cy.request('POST', loginUrl, loginInformation).its('body').as('currentUser')
    })

    // this.currentUser exists here
    it("Should foo", function() {
    })

    // this.currentUser doesn't exist here
    it("Should bar", function() {
    })
})

I fixed my problem moving the before() statement out from the describe scope.

before(function() {
    //something ...
    cy.request('POST', loginUrl, loginInformation).its('body').as('currentUser')
})

describe("Some test", function() {     
    // this.currentUser exists here
    it("Should foo", function() {
    })

    // this.currentUser also exists here
    it("Should bar", function() {
    })
})

I hope this can help you solve your problem.

If you write those 3 steps as individual functions you'll be able to achieve the same effect as what you're looking for:

login(user, pass){
   cy.visit(loginUrl)
   cy.get('#username').type(user)
   cy.get('#password').type(pass)
   return cy.contains('Submit').click()
}

stepTwo(){
   ... // Other stuff
}

stepThree(){
   ... // More stuff
}

Given('I log in as {string} with password {string}', function (username, password) {
   return login(username, password)
})

Given('some set up step', function () {
   login('bill.s.preston@wyldstallyns.com', 'bodacious')
   return stepTwo()
})

Given('another set up step', function () {
   login('theodore.logan@wyldstallyns.com', 'triumphant')
   stepTwo()
   return stepThree()
})

The Cypress input commands (e.g. cy.type() and cy.clear()) work by dispatching input and change events - in the case of cy.type(), one per character. This mimics the behavior of a real browser as a user types on their keyboard and is enough to trigger the behavior of most application JavaScript.

However, Slate relies almost exclusively on the beforeinput event (see here https://docs.slatejs.org/concepts/xx-migrating#beforeinput) which is a new browser technology and an event which the Cypress input commands don’t simulate. Hopefully the Cypress team will update their input commands to dispatch the beforeinput event, but until they do I’ve created a couple of simple custom commands which will trigger Slate’s input event listeners and make it respond.

// commands.js
Cypress.Commands.add('getEditor', (selector) => {
  return cy.get(selector)
    .click();
});

Cypress.Commands.add('typeInSlate', { prevSubject: true }, (subject, text) => {
  return cy.wrap(subject)
    .then(subject => {
      subject[0].dispatchEvent(new InputEvent('beforeinput', { inputType: 'insertText', data: text }));
      return subject;
    })
});

Cypress.Commands.add('clearInSlate', { prevSubject: true }, (subject) => {
  return cy.wrap(subject)
    .then(subject => {
      subject[0].dispatchEvent(new InputEvent('beforeinput', { inputType: 'deleteHardLineBackward' }))
      return subject;
    })
});

// slateEditor.spec.js
cy.getEditor('[data-testid=slateEditor1] [contenteditable]')
    .typeInSlate('Some input text ');

cy.getEditor('[data-testid=slateEditor2] [contenteditable]')
    .clearInSlate()
    .typeInSlate('http://httpbin.org/status/409');

If you need to support other inputTypes, all of the inputTypes supported by Slate are listed in the source code for editable.tsx

Notice in the screenshot the testing attribute data-cy="gender-dropdown" does not appear.

If you search upwards (inside <ion-router-outlet>) the element that has the data-cy attribute is

<ion-select-option _ngcontent-dwb-c144="" data-cy="gender-dropdown" value="Woman" 
  ...
  class="md hydrated">Woman</ion-select-option>

but it's not the one you want to click.

Assuming you have opened the select a popup appears, a new section is added dynamically to the DOM with values based on the data-cy="gender-dropdown" tagged elements.

Unfortunately the popup does not carry the data-cy attribute, but you can search for the text within the ion-alert element:

// Opening the select
cy.contains('label', '*Gender')  // placeholder label
  .parent()                      // parent ion-select
  .click()                       // open

// Choosing the option
cy.get('ion-alert').within(() => {                       // popup section
  cy.contains('button.select-interface-option', 'Woman').click()
})

Can you explain more detailed what you wanted with that ip ?

In many cases baseURL is localhost or 127.0.0.1 - this will work anytime because is "your computer" (loopback).

You can use ip that is assign to your network, but be careful because it can change.

Also I wanted to force cypress to "see" me as different ip, from different region, but this is possible only if using VPN (on linux you have windscribe; in windows you have Hotspot Shield)

You can use the src attribute for this. I could see in the html image that there are two diff type of icons - GlobalCOnfig and Customer. SO you can do something like:

cy.get('[src*="/static/media/GlobalConfig"]').click()
cy.get('[src*="/static/media/Customer"]').click()

To force an arbitrary loop, I create an array with the indices I want, and then call cy.wrap

var genArr = Array.from({length:15},(v,k)=>k+1)
cy.wrap(genArr).each((index) => {
    cy.get("#button-" + index).click()
})