Angularでe2eテストにおける、ログイン処理を行う方法

Question

前提・実現したいこと

Angular+ionic4で入退室アプリを作っています。
Protractorでe2eテストコードを書いているのですが、ログイン済みにして、
ページ遷移するテストを行いたいです。

発生している問題・エラーメッセージ

ログインの際に、認証コードを使ってログインするのですが、
ログインできず、リダイレクトとなってしまいます。

該当のソースコード

~spec.ts~

it('e2eテストの動作確認(ログイン)', () => {
    page.navigateTo('/login');
    expect(page.getUrl()).toEqual('http://localhost:4200/login');
    expect(page.getMessage('code')).toEqual('');
    page.inputToCodebox('code', '1-11111111-111111');
    page.clickButton('loginButton');
    page.navigateTo('/');
    expect(page.getUrl()).toEqual('http://localhost:4200/');
  });

~po.ts~

export class AppPage {
  navigateTo(input: string) {
    return browser.get(input);
  }

  getUrl() {
    return browser.getCurrentUrl();
  }

  getMessage(id: string) {
    return element(by.id(id)).getText();
  }

  inputToCodebox(id: string, input: string) {
    const codeBox = element(by.id(id));
    codeBox.clear();
    codeBox.sendKeys(input);
  }

  clickButton(id: string) {
    element(by.id(id)).click();
  }
}

試したこと

AngularJSでの対象法としては、ログイン不要のHTMLを用意する？（モック）やテスト実行用ユーザーを用意できるなど、手段は見つけたのですが、初心者でして、うまく応用することができませんでした。

Answer 1

こちら、ログイン状態を保持していないなら、 browser.get() はリロード処理が入ってしまうので、browser.setLocation() を利用して遷移いただくといいかと思います。
https://stackoverflow.com/questions/38142275/how-to-load-a-page-without-reloading-it-in-protractor

Comments

[yamamoto244]

レス遅くなり、申し訳ないです！アドバイスありがとうございます！！

[rdlabo]

解決したようでしたら、よかったですー！