Map not responding to mouse commands

[justin-bits]

Current behavior:

No response from the map in application under test to mouse commands in Cypress test script.

Desired behavior:

Looking for a way to update test script so that mouse commands work with the map, or updates to Cypress.

Steps to reproduce:

This test script has four different attempts to use mouse commands on the map in this application, none of them are working.

describe('mouse test', function () {
	before('open application', function () {
		cy.visit('https://master-branch-opensphere-ngageoint.surge.sh/?tips=false')
		cy.get('.webgl-canvas', {timeout: 12000}) // map loaded
		cy.get('body').type('+++++++++++++++++++++++++') // zoom in on the map
		cy.get('.close > span').click() // close layers widget
	})

	it('open map context menu', function () {
		cy.get('.webgl-canvas').trigger('contextmenu')  // attempt to open the context menu
		cy.get('#menu') // check for menu
	})

	it('zoom on double click', function () {
		cy.get('.zoom-text').should('have.text', 'Zoom: 6.2')// verify current zoom level
		cy.get('.webgl-canvas')
			.dblclick()
			.dblclick()
			.dblclick()
			.dblclick()
			.dblclick()
			.dblclick()
			.dblclick()
			.dblclick()
		cy.get('.zoom-text').should('not.have.text', 'Zoom: 6.2')// verify current zoom level
	})


	it('load query area (query button)', function () {
		cy.get('[title="Draws a box on the map for queries, zoom, and selection"]').click() // activate query tool
		cy.get('[class="btn btn-primary on active"]') // verify query tool active

		cy.get('body').as('map')
		cy.get('@map') // attempt to draw a query area
			.trigger('mousedown', "center", {force:true})
			.trigger('mousemove', 400, 400, {force:true})
			.trigger('mouseup', 400, 400, {force:true})

		cy.get('#menu') // check for menu
	})

	it('load query area (keyboard and mouse)', function () {
		cy.get('body').as('map')
		cy.get('@map') // attempt to draw a query area
			.type('{ctrl}', {release:false,force:true}).click(400,400)
			.type('{ctrl}', {release:true,force:true}).click(600,600)
			
		cy.get('#menu') // check for menu
	})
})

Versions

Cypress 3.1.1
Chrome 70
Windows 10 / macOS 10.12.6

[kuceb]

@justin-bits we're planning on supporting drag-and-drop and right click in the future , and we're also fixing the events fired for dblclick in the native events release.
Thanks for the reproducible example!

[justin-bits]

Great, thanks! This is definitely something I need for my tests.

[kuceb]

I've verified that #3030 will fix your test cases open map context menu (you can use .rightclick() instead of .trigger) and zoom on doubleclick, so this issue will be closed with that PR.

The drag-and-drop is a separate issue #857 , so those tests will continue to fail

[cypress-bot]

The code for this is done in cypress-io/cypress#3030, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 3.5.0.