From 326b6556bf9c27c0acb644cb41ea9307d175316e Mon Sep 17 00:00:00 2001 From: TEJAS <98630752+tejaskh3@users.noreply.github.com> Date: Tue, 21 Jan 2025 01:53:27 +0530 Subject: [PATCH] (feat) : hbs file for discord page and test cases (#986) * add: template file for discord * feat: integration test * feat: add css * feat: add test cases --- app/styles/app.css | 1 + app/styles/discord.module.css | 189 +++++++++++++++++++++ app/styles/variables.css | 5 + app/templates/discord.hbs | 138 +++++++++++++++ app/templates/disocrd.hbs | 4 - public/assets/images/discord-connector.svg | 12 ++ public/assets/images/discord-logo.png | Bin 0 -> 12207 bytes tests/acceptance/discord-test.js | 154 +++++++++++++++++ 8 files changed, 499 insertions(+), 4 deletions(-) create mode 100644 app/styles/discord.module.css create mode 100644 app/templates/discord.hbs delete mode 100644 app/templates/disocrd.hbs create mode 100644 public/assets/images/discord-connector.svg create mode 100644 public/assets/images/discord-logo.png create mode 100644 tests/acceptance/discord-test.js diff --git a/app/styles/app.css b/app/styles/app.css index 9c7d3d6c..b6b43b3c 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -45,6 +45,7 @@ @import url("phone-input.module.css"); @import url("login.module.css"); @import url("identity.module.css"); +@import url("discord.module.css"); * { margin: 0; diff --git a/app/styles/discord.module.css b/app/styles/discord.module.css new file mode 100644 index 00000000..28f57070 --- /dev/null +++ b/app/styles/discord.module.css @@ -0,0 +1,189 @@ +* { + --base-unit: 4px; +} + +.w-100 { + width: 100%; +} + +.dark { + opacity: 1; +} + +.mx-auto { + margin: 0 auto; +} + +.my-same { + margin: calc(var(--base-unit) * 5) 0; +} + +.discord { + width: 50%; + margin: 0 auto; + display: flex; + justify-content: flex-start; + align-items: center; + min-height: 100vh; + padding: calc(var(--base-unit) * 4); + padding-top: calc(var(--base-unit) * 20); +} + +.line { + border-bottom: dashed calc(var(--base-unit)) black; +} + +.horizontal-flex { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.vertical-flex { + display: flex; + flex-direction: column; + align-items: center; +} + +.logo { + width: 100px; + height: 100px; + border-radius: 50%; +} + +.header { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + padding: calc(var(--base-unit) * 2); + border-radius: calc(var(--base-unit) * 2); + background-color: var(--color-light-gray); + box-shadow: var(--color-black-shadow-3); + margin-bottom: calc(var(--base-unit) * 3); + transition: all 0.3s ease; +} + +.heading { + margin: calc(var(--base-unit) * 5) auto; + font-weight: 700; +} + +.discord-card { + border-radius: calc(var(--base-unit) * 3); + box-shadow: calc(var(--base-unit)) calc(var(--base-unit)) + calc(var(--base-unit) * 2) var(--color-black-59); + max-width: 620px; + width: 100%; + padding: calc(var(--base-unit) * 4); +} + +.profile-card { + background-color: var(--color-gray-37); + border-radius: calc(var(--base-unit) * 2); + padding: var(--base-unit); + width: 30%; +} + +.username { + font-weight: 700; + font-size: larger; +} + +.discord__success, +.discord__error { + text-align: center; + margin-top: calc(var(--base-unit) * 10); +} + +.success__text, +.error__text { + font-size: 1.5rem; + font-weight: 700; + margin: 1rem; + padding: 0; +} + +.discord__title { + font-size: 2rem; + font-weight: 700; + margin: 1rem; + padding: 0; +} + +.discord__card { + display: flex; + align-items: center; +} + +.discord__card-data { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 1rem; + padding: 1rem; + border: 2px solid var(--color-black-40); + border-radius: 8px; +} + +.card-data__img { + border-radius: 50%; +} + +.card-data__username { + font-size: 1.5rem; + font-weight: 700; + margin: 0.5rem; +} + +.card-data__account { + font-size: 1.1rem; + font-weight: 400; + margin: 0; +} + +.discord__arrow { + font-size: 5rem; + font-weight: 700; +} + +.button { + color: var(--color-white); + background-color: var(--color-blue-primary); + border: none; + padding: 1rem 2rem; + margin: 1rem; + font-size: 1.25rem; + font-weight: 700; + border-radius: 8px; +} + +.btn-enabled { + color: var(--color-white); + background-color: var(--color-blue-primary); +} + +.btn-disabled { + color: var(--color-white); + background-color: var(--color-gray-medium); +} + +.TnC { + text-align: left; + margin-left: 3.5rem; + padding: calc(var(--base-unit) * 2); +} + +@media screen and (width >= 1280px) { + .discord { + width: 30%; + } +} + +@media screen and (width <= 640px) { + .discord { + width: 90%; + } +} diff --git a/app/styles/variables.css b/app/styles/variables.css index efe2d6fc..0d3d388c 100644 --- a/app/styles/variables.css +++ b/app/styles/variables.css @@ -41,4 +41,9 @@ --color-black-shadow-3: 3px 3px 3px 0 rgb(0 0 0 / 25%); --color-black-shadow-8: 0 4px 8px 0 rgb(0 0 0 / 25%); --color-navy-link: #0000af; + --color-blue-primary: #0034a5; + --color-gray-medium: #808080; + --color-black-40: #00000040; + --color-black-59: rgb(0 0 0 / 58.9%); + --color-gray-37: rgb(158 158 158 / 36.8%); } diff --git a/app/templates/discord.hbs b/app/templates/discord.hbs new file mode 100644 index 00000000..13d4b060 --- /dev/null +++ b/app/templates/discord.hbs @@ -0,0 +1,138 @@ +{{page-title 'Discord'}} + +
+ {{#if @model.isTokenExpired }} +

Token Expired. Please generate a new token using + slash commands

+ {{else}} + {{#if (or this.isLinkingInProgress)}} +
+ +
+ {{else}} + {{#if + (or + (eq @model.userData.roles.archived false) + (eq this.linkStatus 'linked') + ) + }} +
+

Your Discord account has been successfully + linked.

+

You can close this tab now.

+
+ {{else if (eq this.linkStatus 'failure')}} +
+

Something went wrong. Please try again.

+
+ {{else if (eq this.linkStatus 'not-linked')}} +
+ +
+ +
+ +

Authorize Bot

+ +
+ +

Real Dev Squad + wants to access your + Discord.

+ +
+ +
+
+ +

+ {{@model.externalAccountData.attributes.userName}}#{{@model.externalAccountData.attributes.discriminator}}

+ +
+ + + +
+ +

{{@model.userData.username}}

+ +
+
+ +
+ +
+

By authorizing us you allow us to:

+
    +
  • Change your name within our server.
    • +
  • Read/process your messages.
    • +
+
+ +
+ +
+ + +
+ +
+ {{/if}} + {{/if}} + {{/if}} +
diff --git a/app/templates/disocrd.hbs b/app/templates/disocrd.hbs deleted file mode 100644 index 74e435ef..00000000 --- a/app/templates/disocrd.hbs +++ /dev/null @@ -1,4 +0,0 @@ -
- {{!-- TODO: add discord hbs file in next PRs--}} -

Discord Page

-
diff --git a/public/assets/images/discord-connector.svg b/public/assets/images/discord-connector.svg new file mode 100644 index 00000000..d2a7987d --- /dev/null +++ b/public/assets/images/discord-connector.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/assets/images/discord-logo.png b/public/assets/images/discord-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..f59da1a5ae2cb60c16c2273af62a51e9b505a4b6 GIT binary patch literal 12207 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 literal 0 HcmV?d00001 diff --git a/tests/acceptance/discord-test.js b/tests/acceptance/discord-test.js new file mode 100644 index 00000000..e5a79e34 --- /dev/null +++ b/tests/acceptance/discord-test.js @@ -0,0 +1,154 @@ +import { module, test } from 'qunit'; +import { setupRenderingTest } from 'ember-qunit'; +import { render, click } from '@ember/test-helpers'; +import { hbs } from 'ember-cli-htmlbars'; + +module('Acceptance | discord', function (hooks) { + setupRenderingTest(hooks); + + test('it shows expired token message', async function (assert) { + this.set('model', { + isTokenExpired: true, + }); + + await render(hbs` +
+ {{#if this.model.isTokenExpired}} +

Token Expired. Please generate a new token using slash commands

+ {{/if}} +
+ `); + + assert + .dom('.error__text') + .hasText( + 'Token Expired. Please generate a new token using slash commands', + ); + }); + + test('it shows linking in progress state', async function (assert) { + this.set('isLinkingInProgress', true); + + await render(hbs` +
+ {{#if this.isLinkingInProgress}} +
+ +
+ {{/if}} +
+ `); + + assert.dom('.loading').exists(); + assert.dom('.fa-spin').exists(); + }); + + test('it shows success message when account is linked', async function (assert) { + this.set('model', { + userData: { + roles: { + archived: false, + }, + }, + }); + this.set('linkStatus', 'linked'); + + await render(hbs` +
+ {{#if (or + (eq this.model.userData.roles.archived false) + (eq this.linkStatus 'linked') + )}} +
+

Your Discord account has been successfully linked.

+

You can close this tab now.

+
+ {{/if}} +
+ `); + + assert.dom('.discord__success').exists(); + assert.dom('.success__text').exists({ count: 2 }); + }); + + test('it shows authorization form when not linked', async function (assert) { + this.set('model', { + userData: { + username: 'testUser', + picture: { + url: 'test-url', + }, + }, + externalAccountData: { + attributes: { + userName: 'discordUser', + discriminator: '1234', + userAvatar: 'discord-avatar', + }, + }, + }); + this.set('linkStatus', 'not-linked'); + this.set('setConsent', () => {}); + this.set('linkDiscordAccount', () => {}); + + await render(hbs` + {{#if (eq this.linkStatus 'not-linked')}} +
+
+
+ +

+ {{this.model.externalAccountData.attributes.userName}}#{{this.model.externalAccountData.attributes.discriminator}} +

+
+
+
+ +
+ +
+ {{/if}} + `); + + assert.dom('[data-test-main-content]').exists(); + assert.dom('[data-test-discord-profile-card]').exists(); + assert.dom('[data-test-discord-username]').hasText('discordUser#1234'); + assert.dom('[data-test-consent-checkbox]').exists(); + assert.dom('[data-test-authorize-button]').exists(); + }); + + test('it handles authorization button click', async function (assert) { + assert.expect(1); + + this.set('linkStatus', 'not-linked'); + this.set('linkDiscordAccount', () => { + assert.ok(true, 'linkDiscordAccount action was triggered'); + }); + + await render(hbs` + + `); + + await click('[data-test-authorize-button]'); + }); +});