tests for raspberry-linked login failure

Author: Jeddf

cypress/fixtures/loginRaspberryFail.json

@@ -0,0 +1,4 @@
+{
+  "ok":false,
+  "why":"raspberry-linked"
+}

cypress/integration/authenticatiion/login_spec.js

@@ -49,7 +49,7 @@ describe('Login Page', () => {
       cy.get(page.emailFormatError).should('be.visible');
     });
 
-    it('should show an error when the login fails (on mock server this is only when the incorrect email is provided)', () => {
+    it('should show an error when the login fails (on mock server this is only when [email protected] email is provided)', () => {
       cy.server();
       cy.route('POST', '/api/2.0/users/login', 'fx:loginFail').as('loginFail');
       cy.get(page.loginFailed).should('not.be.visible');
@@ -61,6 +61,18 @@ describe('Login Page', () => {
       cy.get(page.loginFailed).should('be.visible');
     });
 
+    it('should show an raspberry linked error when login fails because linked (on mock server this is only when [email protected] email is provided)', () => {
+      cy.server();
+      cy.route('POST', '/api/2.0/users/login', 'fx:loginRaspberryFail').as('loginRaspberryFail');
+      cy.get(page.loginFailed).should('not.be.visible');
+      cy.get(page.email).click();
+      cy.get(page.email).type('[email protected]');
+      cy.get(page.password).type('rightpassword');
+      cy.get(page.login).click();
+      cy.wait('@loginRaspberryFail');
+      cy.get(page.loginFailed).should('be.visible');
+    });
+
     it('should show both requirement errors when a login is attempted if no email and no password is provided', () => {
       cy.get(page.emailFormatError).should('not.be.visible'); // TODO: Should be emailReqError?
       cy.get(page.passwordReqError).should('not.be.visible');

cypress/pages/login.js

@@ -10,6 +10,7 @@ export default {
   emailFormatError: '.cd-login__email-format-err',
   passwordReqError: '.cd-login__password-req-err',
   loginFailed: '.cd-login__login-failed',
+  loginRaspberryFailed: '.cd-login__login-raspberry-failed',
   registerLink: '.cd-login__register a',
   forgotPasswordLink: '.cd-login__forgot-password a',
 };

src/users/cd-login.vue

@@ -28,6 +28,7 @@
         </form>
         <p v-show="errors.has('invalid-password')" class="cd-login__login-failed text-danger">{{ $t('There was a problem logging in: {msg}', {msg: $t('Invalid email or password') }) }}</p>
         <p v-show="errors.has('raspberry-linked')" class="cd-login__login-failed text-danger">{{ $t('There was a problem logging in: {msg}', {msg: $t('Account linked to a My Raspberry Pi account.') }) }}<a href='/rpi/login'>{{$t('Click here to login through My Raspberry Pi')}}</a>{{$t('Remember to use the same email address!')}}</p>
+        <p v-show="errors.has('raspberry-linked')" class="cd-login__login-raspberry-failed text-danger">{{ $t('There was a problem logging in: {msg}', {msg: $t('Account linked to a My Raspberry Pi account.') }) }}<a href='/rpi/login'>{{$t('Click here to login through My Raspberry Pi')}}</a>{{$t('Remember to use the same email address!')}}</p>
         <p class="cd-login__forgot-password"><a href="/reset">{{ $t('Forgot password?') }}</a></p>
         <p class="cd-login__register">{{ $t("Don't have an account?") }} <a :href="registerUrl">{{ $t('Register here') }}</a></p>
       </div>