Cannot find alias created in beforeEach hook in custom command

[Ixluxi]

Hello,

I'm trying to abstract out a method that increments how many files have been uploaded for a given test.

I couldn't make this work as a task because Cypress can't read cy.get inside a task, so I opted to use a custom command.

I'm using badeball/cypress-cucumber-preprocessor FYI.

Step definition file:

In the before (each) hook, I'm creating the alias.

Before(() => {
	cy.wrap(0).as('filesUploaded')
})

Commands.ts:

Cypress.Commands.add('commandThatCallsIncrement', () => {
	cy.incrementFileUploadCount()
})

Cypress.Commands.add('incrementFileUploadCount', (incrementBy: number = 1) => {
	cy.get<number>('filesUploaded').then(filesUploaded => {
		cy.wrap(filesUploaded += incrementBy).as('filesUploaded')
	})
})

Then in my test, commandThatCallsIncrement is being called - it uploads a file and attempts to increment the filesUploaded alias.

I get this error:

AssertionError: Timed out retrying after 4000ms: Expected to find element: filesUploaded, but never found it.

Please can you advise how I would achieve my goal?

It seems like it should work - the order of events seems to be:

1. The commands are added to Cypress
2. The before (each) sets my alias
3. The test calls commandThatCallsIncrement, which calls incrementFileUploadCount

So it looks like the alias should have been created and be available throughout this journey.

I know that aliases are cleared between tests, but I only want it to work like this on a per-test basis and I'm only running one test.

Thank you for any help you can provide.

[Ixluxi]

I just tried farming the method off to a utilities .ts file and I get the same error...

export default class MiscellaneousUtilities {
    incrementFileUploadCount(incrementBy: number = 1): void {
        cy.get<number>('filesUploaded').then(filesUploaded => {
            cy.wrap(filesUploaded += incrementBy).as('filesUploaded')
        })
    }
}

[Ixluxi]

I'm missing the @ symbol. What a noob mistake.