赛普拉斯+打字稿。导入 class

Question

我正在使用 Cypress.io + TypeScript 进行测试自动化并尝试做一些简单的事情。将class从一个文件导入到另一个文件，该代码不重复。

p.s。我尝试了一些堆栈溢出的解决方案。它对我没有帮助。

文件： File System

代码:

loginPage.ts

export class LogIn {
    //Launch app: http://localhost:6400/
    cy.visit('localhost:6400')
    //Press on menu item.
    cy.get('.navbar-burger').click()
    //Press "Client" menu item near "Login As:".
    cy.get('#navbarMenu a').contains("Client").click()
    //TODO
    }

和client_NewJob.ts

import { LogIn } from '../helpers/loginPage';
import * as ChaiString from 'chai-string';

chai.use(ChaiString);
const lg = new LogIn();
//beforeEach
describe('BeforeEachTestLogIn', () =>{
    beforeEach(() =>{
        lg.LogIn()
    })
})
//Test
describe('New job page', function() {
    it('newJobCreation', function() {
        //TODO
    })
})

我尝试通过 Cypress 运行 client_NewJob.ts 编写脚本，然后收到错误消息：

./cypress/helpers/loginPage.ts | TS1005: ';' expected.

./cypress/helpers/loginPage.ts TS1003: Identifier expected.

./cypress/helpers/loginPage.ts TS1144: '{' or ';' expected

还有很多相同的错误消息...

如何导入 class？

Answer 1

我看到的一个问题是，您 LogIn class 中的内容应该在方法中，而不是在 classes 正文中：

export class LogIn {
    logIn() {
        //Launch app: http://localhost:6400/
        cy.visit('localhost:6400')
        //Press on menu item.
        cy.get('.navbar-burger').click()
        //Press "Client" menu item near "Login As:".
        cy.get('#navbarMenu a').contains("Client").click()
        //TODO
    }
}

赛普拉斯+打字稿。导入 class

Cypress+TypeScript. Import class

automation

automated-tests

typescript

cypress