You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							100 lines
						
					
					
						
							2.7 KiB
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							100 lines
						
					
					
						
							2.7 KiB
						
					
					
				| /// <reference types="cypress" /> | |
|  | |
| // 工具栏测试 | |
| context('Actions', () => { | |
|   const toolSelector = (i, j, k) => { | |
|     if (k) { | |
|       return `.index-module_container__1D841 > :nth-child(${i}) > :nth-child(${j})> :nth-child(${k})` | |
|     } else { | |
|       return `.index-module_container__1D841 > :nth-child(${i}) > :nth-child(${j})` | |
|     } | |
|   } | |
|   beforeEach(() => { | |
|     cy.visit('http://localhost:8000/') | |
|     cy.get('div.ant-modal-confirm-btns > button:nth-child(1)').click({ force: true }) | |
|   }) | |
| 
 | |
|   function moveNode(selector, x, y) { | |
|     cy.get(selector).eq(0) | |
|       .trigger('mousedown', { which: 1, force: true }) | |
|       .trigger('mousemove', { clientX: x, clientY: y, force: true }) | |
|       .trigger('mouseup', { force: true }) | |
|   } | |
| 
 | |
|   // 第一组 | |
|   it('保存', () => { | |
|     const save = cy.get(toolSelector(1, 1)) | |
|   }) | |
|   it('适配窗口', () => { | |
|     const fitWindow = cy.get(toolSelector(1, 2)) | |
|   }) | |
|   it('撤销', () => { | |
|     const undo = cy.get(toolSelector(1, 3)) | |
|     const node = 'svg > g > g.x6-graph-svg-stage > g:nth-child(1)' | |
|     moveNode(node, 350, 300) | |
|     moveNode(node, 350, 300) | |
|     undo.click({ multiple: true, force: true }) | |
|     undo.click({ multiple: true, force: true }) | |
|     cy.get(node).should('have.length', 2) | |
|   }) | |
|   it('重做', () => { | |
|     const redo = cy.get(toolSelector(1, 4)) | |
|     const node = 'svg > g > g.x6-graph-svg-stage > g:nth-child(1)' | |
|     moveNode(node, 350, 300) | |
|     redo.click() | |
|     redo.click() | |
|     cy.get(node).should('have.length', 2) | |
|   }) | |
| 
 | |
|   // 第二组 | |
|   it('缩小', () => { | |
|     const zoomOut = cy.get(toolSelector(2, 1, 1)) | |
|   }) | |
|   it('放大', () => { | |
|     const zoomIn = cy.get(toolSelector(2, 1, 2)) | |
|   }) | |
| 
 | |
|   // 第三组 | |
|   it('修改字号', () => { | |
|     const fontSize = cy.get(toolSelector(3, 1)) | |
|   }) | |
|   it('修改字重', () => { | |
|     const fontWeight = cy.get(toolSelector(3, 2)) | |
|   }) | |
|   it('修改斜体', () => { | |
|     const italic = cy.get(toolSelector(3, 3)) | |
|   }) | |
|   it('修改下划线', () => { | |
|     const underline = cy.get(toolSelector(3, 4)) | |
|   }) | |
| 
 | |
|   // 第四组 | |
|   it('修改文字颜色', () => { | |
|     const textColor = cy.get(toolSelector(4, 1)) | |
|   }) | |
|   it('修改背景颜色', () => { | |
|     const bgColor = cy.get(toolSelector(4, 2)) | |
|   }) | |
|   it('修改边框颜色', () => { | |
|     const borderColor = cy.get(toolSelector(4, 3)) | |
|   }) | |
|   it('修改线条样式', () => { | |
|     const lineStyle = cy.get(toolSelector(4, 4)) | |
|   }) | |
| 
 | |
|   // 第五组 | |
|   it('修改水平方向对齐', () => { | |
|     const align = cy.get(toolSelector(5, 1)) | |
|   }) | |
|   it('修改垂直方向对齐', () => { | |
|     const vertical = cy.get(toolSelector(5, 2)) | |
|   }) | |
| 
 | |
|   // 第六组 | |
|   it('修改层级置顶', () => { | |
|     const top = cy.get(toolSelector(6, 1)) | |
|   }) | |
|   it('修改层级置底', () => { | |
|     const bottom = cy.get(toolSelector(6, 2)) | |
|   }) | |
| }) |