賽普拉斯+打字稿。 導入類

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