misskey/cypress/e2e/basic.cy.ts

/*
 * SPDX-FileCopyrightText: syuilo and misskey-project
 * SPDX-License-Identifier: AGPL-3.0-only
 */

describe('Before setup instance', () => {
	beforeEach(() => {
		cy.resetState();
	});

	afterEach(() => {
		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
		// waitを入れることでそれを防止できる
		cy.wait(1000);
	});

  it('successfully loads', () => {
    cy.visitHome();
  });

	it('setup instance', () => {
    cy.visitHome();

		cy.intercept('POST', '/api/admin/accounts/create').as('signup');

		cy.get('[data-cy-admin-initial-password] input').type('example_password_please_change_this_or_you_will_get_hacked');
		cy.get('[data-cy-admin-username] input').type('admin');
		cy.get('[data-cy-admin-password] input').type('admin1234');
		cy.get('[data-cy-admin-ok]').click();

		// なぜか動かない
		//cy.wait('@signup').should('have.property', 'response.statusCode');
		cy.wait('@signup');
  });
});

describe('After setup instance', () => {
	beforeEach(() => {
		cy.resetState();

		// インスタンス初期セットアップ
		cy.registerUser('admin', 'pass', true);
	});

	afterEach(() => {
		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
		// waitを入れることでそれを防止できる
		cy.wait(1000);
	});

  it('successfully loads', () => {
    cy.visitHome();
  });

	it('signup / onboarding', () => {
		cy.visitHome();

		cy.intercept('POST', '/api/signup').as('signup');

		cy.get('[data-cy-signup]').click();
		cy.get('[data-cy-signup-rules-continue]').should('be.disabled');
		cy.get('[data-cy-signup-rules-notes-agree] [data-cy-switch-toggle]').click();
		cy.get('[data-cy-modal-dialog-ok]').click();
		cy.get('[data-cy-signup-rules-continue]').should('not.be.disabled');
		cy.get('[data-cy-signup-rules-continue]').click();

		cy.get('[data-cy-signup-submit]').should('be.disabled');
		cy.get('[data-cy-signup-username] input').type('alice');
		cy.get('[data-cy-signup-submit]').should('be.disabled');
		cy.get('[data-cy-signup-password] input').type('alice1234');
		cy.get('[data-cy-signup-submit]').should('be.disabled');
		cy.get('[data-cy-signup-password-retype] input').type('alice1234');
		cy.get('[data-cy-signup-submit]').should('not.be.disabled');
		cy.get('[data-cy-signup-submit]').click();

		cy.wait('@signup');

		// /onboarding にリダイレクトされる
		cy.wait(5000);
		cy.url().should('equal', Cypress.config().baseUrl + '/onboarding');

		// 「始める」
		// 最初にアニメーションがあるので待つ
		cy.get('[data-cy-user-setup-start]', { timeout: 15000 }).click();

		cy.wait(1000);  // ← トランジション待ち（以下全てのページ遷移で待たせる）

		// 【設定】プロフィール
		cy.get('[data-cy-user-setup-user-name] input').type('ありす');
		cy.get('[data-cy-user-setup-user-description] textarea').type('ほげ');

		cy.get('[data-cy-user-setup-next]').click();
		cy.wait(1000);

		// 【チュートリアル】ノートって何？
		cy.get('[data-cy-user-setup-next]').click();
		cy.wait(1000);

		// 【チュートリアル】リアクションって何？
		// インタラクティブ要素があるが、テスト時は無視できるようになっている
		cy.get('[data-cy-user-setup-next]').click();
		cy.wait(1000);

		// 【チュートリアル】タイムラインのしくみ
		cy.get('[data-cy-user-setup-next]').click();
		cy.wait(1000);

		// 【設定】フォロー
		cy.get('[data-cy-user-setup-next]').click();
		cy.wait(1000);

		// 【チュートリアル】ノートの投稿設定
		cy.get('[data-cy-user-setup-next]').click();
		cy.wait(1000);

		// 【チュートリアル】添付ファイルをセンシティブにするには？
		// インタラクティブ要素があるが、テスト時は無視できるようになっている
		cy.get('[data-cy-user-setup-next]').click();
		cy.wait(1000);

		// 【設定】プライバシー設定
		cy.get('[data-cy-user-setup-next]').click();
		cy.wait(1000);

		// 完了（「ホーム画面に進む」ボタン）
		cy.get('[data-cy-user-setup-complete] a').click();

		// ホームにリダイレクトされる
		cy.wait(5000);
		cy.url().should('equal', Cypress.config().baseUrl + '/');
  });

  it('signup with duplicated username', () => {
		cy.registerUser('alice', 'alice1234');

		cy.visitHome();

		// ユーザー名が重複している場合の挙動確認
		cy.get('[data-cy-signup]').click();
		cy.get('[data-cy-signup-rules-continue]').should('be.disabled');
		cy.get('[data-cy-signup-rules-notes-agree] [data-cy-switch-toggle]').click();
		cy.get('[data-cy-modal-dialog-ok]').click();
		cy.get('[data-cy-signup-rules-continue]').should('not.be.disabled');
		cy.get('[data-cy-signup-rules-continue]').click();

		cy.get('[data-cy-signup-username] input').type('alice');
		cy.get('[data-cy-signup-password] input').type('alice1234');
		cy.get('[data-cy-signup-password-retype] input').type('alice1234');
		cy.get('[data-cy-signup-submit]').should('be.disabled');
  });
});

describe('After user signup', () => {
	beforeEach(() => {
		cy.resetState();

		// インスタンス初期セットアップ
		cy.registerUser('admin', 'pass', true);

		// ユーザー作成
		cy.registerUser('alice', 'alice1234');
	});

	afterEach(() => {
		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
		// waitを入れることでそれを防止できる
		cy.wait(1000);
	});

  it('successfully loads', () => {
    cy.visitHome();
  });

	it('signin', () => {
		cy.visitHome();

		cy.intercept('POST', '/api/signin-flow').as('signin');

		cy.get('[data-cy-signin]').click();

		cy.get('[data-cy-signin-page-input]').should('be.visible', { timeout: 1000 });
		// Enterキーで続行できるかの確認も兼ねる
		cy.get('[data-cy-signin-username] input').type('alice{enter}');

		cy.get('[data-cy-signin-page-password]').should('be.visible', { timeout: 10000 });
		// Enterキーで続行できるかの確認も兼ねる
		cy.get('[data-cy-signin-password] input').type('alice1234{enter}');

		cy.wait('@signin');
	});

	it('suspend', function () {
		cy.request('POST', '/api/admin/suspend-user', {
			i: this.admin.token,
			userId: this.alice.id,
		});

		cy.visitHome();

		cy.get('[data-cy-signin]').click();

		cy.get('[data-cy-signin-page-input]').should('be.visible', { timeout: 1000 });
		cy.get('[data-cy-signin-username] input').type('alice{enter}');

		// TODO: cypressにブラウザの言語指定できる機能が実装され次第英語のみテストするようにする
		cy.contains(/アカウントが凍結されています|This account has been suspended due to/gi);
	});
});

describe('After user setup', () => {
	beforeEach(() => {
		cy.resetState();

		// インスタンス初期セットアップ
		cy.registerUser('admin', 'pass', true);

		// ユーザー作成
		cy.registerUser('alice', 'alice1234');

		cy.login('alice', 'alice1234');
	});

	afterEach(() => {
		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
		// waitを入れることでそれを防止できる
		cy.wait(1000);
	});

	it('note', () => {
		cy.get('[data-cy-open-post-form]').should('be.visible');
		cy.get('[data-cy-open-post-form]').click();
		cy.get('[data-cy-post-form-text]').type('Hello, Misskey!');
		cy.get('[data-cy-open-post-form-submit]').click();

		cy.contains('Hello, Misskey!');
  });

	it('open note form with hotkey', () => {
		// Wait until the page loads
		cy.get('[data-cy-open-post-form]').should('be.visible');
		// Use trigger() to give different `code` to test if hotkeys also work on non-QWERTY keyboards.
		cy.document().trigger("keydown", { eventConstructor: 'KeyboardEvent', key: "n", code: "KeyL" });
		// See if the form is opened
		cy.get('[data-cy-post-form-text]').should('be.visible');
		// Close it
		cy.focused().trigger("keydown", { eventConstructor: 'KeyboardEvent', key: "Escape", code: "Escape" });
		// See if the form is closed
		cy.get('[data-cy-post-form-text]').should('not.be.visible');
  });
});

// TODO: 投稿フォームの公開範囲指定のテスト
// TODO: 投稿フォームのファイル添付のテスト
// TODO: 投稿フォームのハッシュタグ保持フィールドのテスト