Merge pull request #703 from yeatmanlab/enh/clever-CI

Clever CI

cypress/e2e/participant/default-tests/cleverSignIn.cy.js

@@ -0,0 +1,27 @@
+export const timeout = Cypress.env('timeout');
+
+describe('Cypress test to login in Clever', () => {
+  it('passes', () => {
+    cy.visit('/');
+    cy.wait(0.1 * timeout);
+    cy.get('button').contains('Clever').click();
+
+    cy.origin('https://clever.com/oauth/authorize', () => {
+      cy.get('input[title="School name"]', { timeout: 10000 })
+        .type('61e8aee84cf0e71b14295d45')
+        .wait(1000)
+        .type('{enter}');
+
+      // Find the username input field and input the username
+      cy.get('input#username').type('27988125011');
+
+      // Input password
+      cy.get('input#password').type('.EWKYDvAGNdGm!@g8a_E');
+
+      // Click the login button
+      cy.get('button#UsernamePasswordForm--loginButton').click();
+    });
+
+    cy.contains('tasks completed!', { timeout: 2 * timeout }).should('be.visible');
+  });
+});

src/pages/SignIn.vue

@@ -111,7 +111,6 @@ const authWithGoogle = () => {
   if (isMobileBrowser()) {
     authStore.signInWithGoogleRedirect();
   } else {
-    // authStore.signInWithGoogleRedirect();
     authStore
       .signInWithGooglePopup()
       .then(async () => {
@@ -133,14 +132,15 @@ const authWithGoogle = () => {
 
 const authWithClever = () => {
   console.log('---> authWithClever');
-  if (isMobileBrowser()) {
-    authStore.signInWithCleverRedirect();
-    spinner.value = true;
-  } else {
-    authStore.signInWithCleverRedirect();
-    // authStore.signInWithCleverPopup();
-    spinner.value = true;
-  }
+  const isLocalHost = import.meta.env.DEV;
+  // // if localhost or not testing, use popup
+  // if (isLocalHost) {
+  //   authStore.signInWithCleverPopup();
+  //   spinner.value = true;
+  // } else {
+  authStore.signInWithCleverRedirect();
+  spinner.value = true;
+  // }
 };
 
 const authWithClassLink = () => {

vite.config.js

@@ -19,7 +19,7 @@ export default defineConfig({
       injectManifest: {
         injectionPoint: undefined,
         rollupFormat: 'iife',
-        globPatterns: ['**/*.{html}'],
+        globPatterns: ['**/*'],
       },
       manifest: {
         // Modify manifest options here...