端到端测试 - React | ay = ay的博客 = ay的博客

npm install --save-dev cypress

	"scripts": {
	"dev": "vite",
	"build": "vite build",
	"lint": "eslint .",
	"preview": "vite preview",
	"server": "json-server -p3001 --watch db.json",
	"test": "vitest run",
	"coverage": "vitest run --coverage",
	"cypress:open": "cypress open" // 添加
	},

	"scripts": {
	"start": "cross-env NODE_ENV=production node index.js",
	"dev": "cross-env NODE_ENV=development nodemon index.js",
	"test": "cross-env NODE_ENV=test jest --verbose --runInBand",
	"start:test": "cross-env NODE_ENV=test node index.js" // 添加
	},

npm run start:test

npm run cypress:open

	describe('template spec', function (){
	beforeEach(function() {
	cy.visit('http://localhost:5173') // 登录
	})
	it('front page can be opened', function() {
	cy.contains('Notes') // 查找是否有 Notes
	})
	// it('user can login', function () {
	// cy.contains('login').click()
	// cy.get('#username').type('root')
	// cy.get('#password').type('salainen')
	// cy.get('#login-button').click()
	// })
	describe('when logged in', function() {
	beforeEach(function() {
	cy.contains('login').click() // 点击登录
	cy.get('#username').type('root') // 获得用户名输入框后输入用户名
	cy.get('#password').type('salainen') // 获得密码输入框后输入密码
	cy.get('#login-button').click() // 点击登录按钮
	})
	it('a new note can be created', function() {
	cy.contains('New note').click()
	cy.get('input').type('a note created by cypress')
	cy.contains('save').click()
	cy.contains('a note created by cypress')
	})
	})
	})