无法使用PageObjects在TestCafe中从.before打开Url (.navigateTo)

import { Selector } from 'testcafe';

fixture('Example Fixture')
    .page('https://www.example.com');

test('Example Test', async t => {
    await t
        .navigateTo('https://www.example.com/page1')
        .expect(Selector('h1').innerText).eql('Page 1');
});

import { Selector } from 'testcafe';

class LoginPage {
    constructor() {
        this.usernameInput = Selector('#username');
        this.passwordInput = Selector('#password');
        this.loginButton = Selector('#login-button');
    }

    async login(username, password) {
        await t
            .typeText(this.usernameInput, username)
            .typeText(this.passwordInput, password)
            .click(this.loginButton);
    }
}

fixture('Login Fixture')
    .page('https://www.example.com/login');

test('Login Test', async t => {
    const loginPage = new LoginPage();

    await loginPage.login('username', 'password');

    // Continue with other test steps
});