mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-02 19:50:44 +05:30
421 lines
11 KiB
TypeScript
421 lines
11 KiB
TypeScript
/* eslint-disable @typescript-eslint/camelcase */
|
||
import { account1 } from '../../fixtures/accounts.json';
|
||
|
||
const defaults = {
|
||
client_id: 'ely',
|
||
redirect_uri: 'http://ely.by/authorization/oauth',
|
||
response_type: 'code',
|
||
scope: 'account_info,account_email',
|
||
};
|
||
|
||
it('should complete oauth', () => {
|
||
cy.login({ accounts: ['default'] });
|
||
|
||
cy.visit(`/oauth2/v1/ely?${new URLSearchParams(defaults)}`);
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
});
|
||
|
||
it('should restore previous oauthData if any', () => {
|
||
localStorage.setItem(
|
||
'oauthData',
|
||
JSON.stringify({
|
||
timestamp: Date.now() - 3600,
|
||
payload: {
|
||
clientId: 'ely',
|
||
redirectUrl: 'http://ely.by/authorization/oauth',
|
||
responseType: 'code',
|
||
description: null,
|
||
scope: 'account_info account_email',
|
||
loginHint: null,
|
||
state: null,
|
||
},
|
||
}),
|
||
);
|
||
cy.login({ accounts: ['default'] });
|
||
|
||
cy.visit('/');
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
});
|
||
|
||
it('should ask to choose an account if user has multiple', () => {
|
||
cy.login({ accounts: ['default', 'default2'] }).then(
|
||
({ accounts: [account] }) => {
|
||
cy.visit(`/oauth2/v1/ely?${new URLSearchParams(defaults)}`);
|
||
|
||
cy.url().should('include', '/oauth/choose-account');
|
||
|
||
cy.getByTestId('auth-header').should('contain', 'Choose an account');
|
||
|
||
cy.getByTestId('auth-body')
|
||
.contains(account.email)
|
||
.click();
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
},
|
||
);
|
||
});
|
||
|
||
// TODO: remove api mocks, when we will be able to revoke permissions
|
||
it('should prompt for permissions', () => {
|
||
cy.server();
|
||
|
||
cy.route({
|
||
method: 'POST',
|
||
// NOTE: can not use cypress glob syntax, because it will break due to
|
||
// '%2F%2F' (//) in redirect_uri
|
||
// url: '/api/oauth2/v1/complete/*',
|
||
url: new RegExp('/api/oauth2/v1/complete'),
|
||
response: {
|
||
statusCode: 401,
|
||
error: 'accept_required',
|
||
},
|
||
status: 401,
|
||
}).as('complete');
|
||
|
||
cy.login({ accounts: ['default'] });
|
||
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
client_id: 'tlauncher',
|
||
redirect_uri: 'http://localhost:8080',
|
||
})}`,
|
||
);
|
||
|
||
cy.wait('@complete');
|
||
|
||
assertPermissions();
|
||
|
||
cy.server({ enable: false });
|
||
|
||
cy.getByTestId('auth-controls')
|
||
.contains('Approve')
|
||
.click();
|
||
|
||
cy.url().should('match', /^http:\/\/localhost:8080\/?\?code=[^&]+&state=$/);
|
||
});
|
||
|
||
it('should allow sign in during oauth (guest oauth)', () => {
|
||
cy.visit(`/oauth2/v1/ely?${new URLSearchParams(defaults)}`);
|
||
|
||
cy.url().should('include', '/login');
|
||
|
||
cy.get('[name=login]').type(`${account1.login}{enter}`);
|
||
|
||
cy.url().should('include', '/password');
|
||
|
||
cy.get('[name=password]').type(`${account1.password}{enter}`);
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
});
|
||
|
||
// TODO: enable, when backend api will return correct response on auth decline
|
||
xit('should redirect to error page, when permission request declined', () => {
|
||
cy.server();
|
||
|
||
cy.route({
|
||
method: 'POST',
|
||
// NOTE: can not use cypress glob syntax, because it will break due to
|
||
// '%2F%2F' (//) in redirect_uri
|
||
// url: '/api/oauth2/v1/complete/*',
|
||
url: new RegExp('/api/oauth2/v1/complete'),
|
||
response: {
|
||
statusCode: 401,
|
||
error: 'accept_required',
|
||
},
|
||
status: 401,
|
||
}).as('complete');
|
||
|
||
cy.login({ accounts: ['default'] });
|
||
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
client_id: 'tlauncher',
|
||
redirect_uri: 'http://localhost:8080',
|
||
})}`,
|
||
);
|
||
|
||
cy.wait('@complete');
|
||
|
||
assertPermissions();
|
||
|
||
cy.server({ enable: false });
|
||
|
||
cy.getByTestId('auth-controls-secondary')
|
||
.contains('Decline')
|
||
.click();
|
||
|
||
cy.url().should('include', 'error=access_denied');
|
||
});
|
||
|
||
describe('login_hint', () => {
|
||
it('should automatically choose account, when id in login_hint is present', () => {
|
||
cy.login({ accounts: ['default', 'default2'] }).then(
|
||
({ accounts: [account] }) => {
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
// suggest preferred username
|
||
// https://docs.ely.by/ru/oauth.html#id3
|
||
login_hint: account.id,
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
},
|
||
);
|
||
});
|
||
|
||
it('should automatically choose account, when email in login_hint is present', () => {
|
||
cy.login({ accounts: ['default', 'default2'] }).then(
|
||
({ accounts: [account] }) => {
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
// suggest preferred username
|
||
// https://docs.ely.by/ru/oauth.html#id3
|
||
login_hint: account.email,
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
},
|
||
);
|
||
});
|
||
|
||
it('should automatically choose account, when username in login_hint is present and it is not an active account', () => {
|
||
cy.login({ accounts: ['default2', 'default'] }).then(
|
||
({
|
||
// try to authenticate with an account, that is not currently active one
|
||
accounts: [, account],
|
||
}) => {
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
// suggest preferred username
|
||
// https://docs.ely.by/ru/oauth.html#id3
|
||
login_hint: account.username,
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
},
|
||
);
|
||
});
|
||
});
|
||
|
||
describe('prompts', () => {
|
||
it('should prompt for account', () => {
|
||
cy.login({ accounts: ['default'] }).then(({ accounts: [account] }) => {
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
prompt: 'select_account',
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('include', '/oauth/choose-account');
|
||
|
||
cy.getByTestId('auth-header').should('contain', 'Choose an account');
|
||
|
||
cy.getByTestId('auth-body')
|
||
.contains(account.email)
|
||
.click();
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
});
|
||
});
|
||
|
||
it('should allow sign in with another account', () => {
|
||
cy.login({ accounts: ['default2'] });
|
||
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
prompt: 'select_account',
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('include', '/oauth/choose-account');
|
||
|
||
cy.getByTestId('auth-controls')
|
||
.contains('another account')
|
||
.click();
|
||
|
||
cy.url().should('include', '/login');
|
||
|
||
cy.get('[name=login]').type(`${account1.login}{enter}`);
|
||
|
||
cy.url().should('include', '/password');
|
||
|
||
cy.get('[name=password]').type(`${account1.password}{enter}`);
|
||
|
||
cy.url().should('equal', 'https://ely.by/');
|
||
});
|
||
|
||
it('should prompt for permissions', () => {
|
||
cy.login({ accounts: ['default'] });
|
||
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
client_id: 'tlauncher',
|
||
redirect_uri: 'http://localhost:8080',
|
||
prompt: 'consent',
|
||
})}`,
|
||
);
|
||
|
||
assertPermissions();
|
||
|
||
cy.getByTestId('auth-controls')
|
||
.contains('Approve')
|
||
.click();
|
||
|
||
cy.url().should('match', /^http:\/\/localhost:8080\/?\?code=[^&]+&state=$/);
|
||
});
|
||
|
||
// TODO: enable, when backend api will return correct response on auth decline
|
||
xit('should redirect to error page, when permission request declined', () => {
|
||
cy.login({ accounts: ['default'] });
|
||
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
client_id: 'tlauncher',
|
||
redirect_uri: 'http://localhost:8080',
|
||
prompt: 'consent',
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('include', '/oauth/permissions');
|
||
|
||
cy.getByTestId('auth-controls-secondary')
|
||
.contains('Decline')
|
||
.click();
|
||
|
||
cy.url().should('include', 'error=access_denied');
|
||
});
|
||
|
||
it('should prompt for both account and permissions', () => {
|
||
cy.login({ accounts: ['default'] }).then(({ accounts: [account] }) => {
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
client_id: 'tlauncher',
|
||
redirect_uri: 'http://localhost:8080',
|
||
prompt: 'select_account,consent',
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('include', '/oauth/choose-account');
|
||
|
||
cy.getByTestId('auth-header').should('contain', 'Choose an account');
|
||
|
||
cy.getByTestId('auth-body')
|
||
.contains(account.email)
|
||
.click();
|
||
|
||
assertPermissions();
|
||
|
||
cy.getByTestId('auth-controls')
|
||
.contains('Approve')
|
||
.click();
|
||
|
||
cy.url().should(
|
||
'match',
|
||
/^http:\/\/localhost:8080\/?\?code=[^&]+&state=$/,
|
||
);
|
||
});
|
||
});
|
||
|
||
it('should allow sign in during oauth (guest oauth)', () => {
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
client_id: 'tlauncher',
|
||
redirect_uri: 'http://localhost:8080',
|
||
prompt: 'select_account,consent',
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('include', '/login');
|
||
|
||
cy.get('[name=login]').type(`${account1.login}{enter}`);
|
||
|
||
cy.url().should('include', '/password');
|
||
|
||
cy.get('[name=password]').type(`${account1.password}{enter}`);
|
||
|
||
assertPermissions();
|
||
|
||
cy.getByTestId('auth-controls')
|
||
.contains('Approve')
|
||
.click();
|
||
|
||
cy.url().should('match', /^http:\/\/localhost:8080\/?\?code=[^&]+&state=$/);
|
||
});
|
||
});
|
||
|
||
describe('static pages', () => {
|
||
it('should authenticate using static page', () => {
|
||
cy.login({ accounts: ['default'] });
|
||
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
client_id: 'tlauncher',
|
||
redirect_uri: 'static_page',
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('include', 'oauth/finish#{%22auth_code%22:');
|
||
});
|
||
|
||
it('should authenticate using static page with code', () => {
|
||
cy.login({ accounts: ['default'] });
|
||
|
||
cy.visit(
|
||
`/oauth2/v1/ely?${new URLSearchParams({
|
||
...defaults,
|
||
client_id: 'tlauncher',
|
||
redirect_uri: 'static_page_with_code',
|
||
})}`,
|
||
);
|
||
|
||
cy.url().should('include', 'oauth/finish#{%22auth_code%22:');
|
||
|
||
cy.getByTestId('oauth-code-container').should(
|
||
'contain',
|
||
'provide the following code',
|
||
);
|
||
|
||
// just click on copy, but we won't assert if the string was copied
|
||
// because it is a little bit complicated
|
||
// https://github.com/cypress-io/cypress/issues/2752
|
||
cy.getByTestId('oauth-code-container')
|
||
.contains('Copy')
|
||
.click({
|
||
// TODO: forcing, because currently we have needless re-renders, that causing
|
||
// button to disappear for some time and to be unclickable
|
||
force: true,
|
||
});
|
||
});
|
||
});
|
||
|
||
function assertPermissions() {
|
||
cy.url().should('include', '/oauth/permissions');
|
||
|
||
cy.getByTestId('auth-header').should('contain', 'Application permissions');
|
||
cy.getByTestId('auth-body').should(
|
||
'contain',
|
||
'Access to your profile data (except E‑mail)',
|
||
);
|
||
cy.getByTestId('auth-body').should(
|
||
'contain',
|
||
'Access to your E‑mail address',
|
||
);
|
||
}
|