Prettier

.eslintrc

@@ -0,0 +1,9 @@
+{
+  "extends": [
+    "some-other-config-you-use",
+    "prettier"
+  ],
+  "rules":{
+    "indent": "error"
+  }
+}

.gitignore

@@ -1,4 +1,6 @@
 node_modules
 tmp
 config/local.json
-social-media
+social-media
+.pnp.*
+.yarn/*

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": false,
+  "singleQuote": true
+}

acceptance/new-user/join-button.test.js

@@ -0,0 +1,75 @@
+const puppeteer = require("puppeteer");
+
+const URLS = require("../../constants/urls");
+
+const {JOIN } = URLS;
+
+
+let browser, page;
+
+
+/* time delay */
+const delay = (time) => {
+  return new Promise((res) => {
+    setTimeout(res, time);
+  });
+};
+
+/* confirm alerts */
+async function confirmAlerts(){
+        page.on('dialog', async dialog => {
+               await dialog.accept();
+
+               delay(2000)
+               await page.waitForNavigation()
+
+               delay(4000)
+               await browser.close()
+        })
+}
+
+async function checkResponse(){
+ page.on("response", (response) => {            
+    if(response.url().endsWith("/users/self") && page.url().endsWith('/join')){
+        switch (response.status()) {
+	           	case 401:
+			            delay(2000);
+			            confirmAlerts();
+			            break;
+		          case 200:
+			            browser.close();
+			            break;
+              default:
+                   browser.close() 
+	          }
+          }
+ })
+}
+
+
+beforeAll(async () => {
+  browser = await puppeteer.launch({
+    headless: false,
+    slowMo: 0,
+  });
+
+  const context = await browser.createIncognitoBrowserContext();
+
+  page = await context.newPage();
+  return page;
+});
+
+describe("Navigation of Join button with logged user and logged out user", () => {
+  test("Join button test for user", async () => {
+
+    await page.goto(JOIN)
+
+    await Promise.all([
+            page.click('.btn-join'), 
+            page.waitForNavigation() 
+    ]);
+
+    delay(2000)
+    await checkResponse()        
+  })
+})

constants/urls.js

@@ -4,12 +4,14 @@ const API_HOST = "https://api.realdevquad.com";
 
 const HOME_PAGE = `${WWW_HOST}`;
 const SIGN_UP_PAGE = `${MY_HOST}/signup`;
+const JOIN = `${WWW_HOST}/?join=true`
 
 const SELF_USER_API = `${API_HOST}/users/self`;
 
 module.exports = {
     HOME_PAGE,
     SELF_USER_API,
     MY_HOST,
+    JOIN,
     SIGN_UP_PAGE,
 };

package.json

@@ -6,13 +6,17 @@
   "license": "MIT",
   "dependencies": {
     "config": "^3.3.6",
+    "eslint-config-prettier": "^8.8.0",
     "expect-puppeteer": "^6.1.0",
     "puppeteer": "^19.3.0"
   },
   "devDependencies": {
-    "jest": "^29.3.1"
+    "jest": "^29.5.0",
+    "prettier": "2.8.4"
   },
   "scripts": {
-    "test": "jest"
+    "test": "jest",
+    "check": "prettier --check .",
+    "write": "prettier --write ."
   }
 }