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

Question

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

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

文件：文件系统

代码：

登录页面.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: ';' 预期的。

./cypress/helpers/loginPage.ts TS1003：需要标识符。

./cypress/helpers/loginPage.ts TS1144: '{' 或 ';' 预期的

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

如何导入类？

Answer 1

我可以看到的一个问题是，您的LogIn类中的内容应该位于不在类主体中的方法中：

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
    }
}