Initial commit

.github/workflows/test.yml

@@ -0,0 +1,10 @@
+name: Acciojob Tests
+
+on:
+ push:
+    branches: [ "main","master" ]
+
+jobs:
+  calling-acciojob-main-action:
+    uses: acciojob/acciojob-tests-action/.github/workflows/main-action.yml@main
+    secrets: inherit

.gitignore

@@ -0,0 +1 @@
+node_modules/

README.md

@@ -0,0 +1,15 @@
+# OTP
+
+The task is to create an application which can basically emulate a otp verification design.
+The task is only to design the frontend for the otp veriication design.
+
+![OTP](https://user-images.githubusercontent.com/65496184/219608189-656bec0f-9c47-4826-a45d-6622686c1d36.png)
+
+
+**Instructions**
+-
+- The appliaction should have a heading with the `id` **verification_heading**.
+- This application also comprise of a subheading with the `id` **verification_subtext** which can be seen in the figure provided.
+- There should be a 6 digit input where users can insert numbers and on typing the number the next input should be seen `focused`.
+- On backspace key press the number should be deleted from the last filled `input` and the input before it should be `focused`.
+- The input container should have an `class` of **code-container** and each input should have a `class` **code** .

acciotest.json

@@ -0,0 +1,4 @@
+{
+    "testRepo": "OTP-solution",
+    "pathToFile": "cypress/integration/tests/test.spec.js"
+}

cypress.json

@@ -0,0 +1 @@
+{}

cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+    "name": "Using fixtures to represent data",
+    "email": "hello@cypress.io",
+    "body": "Fixtures are a great way to mock data for responses to routes"
+}

cypress/plugins/index.js

@@ -0,0 +1,22 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+    // `on` is used to hook into various events Cypress emits
+    // `config` is the resolved Cypress config
+}

cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

cypress/support/index.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

index.js

@@ -0,0 +1,21 @@
+// This file is not to be modified. Please ignore this.
+// We will understand all of this later in the course.
+// DO NOT MODIFY THIS FILE
+
+const express = require('express');
+const path = require('path');
+
+const app = express();
+
+app.use(express.static(__dirname))
+
+app.get('/', (req, res) => {
+  res.sendFile(path.join(__dirname + '/main.html'));
+});
+//your code here
+app.post('/add', (req, res) => {
+  const {a,b} = req.body;
+  res.status(200).send(a+b);
+  // res.sendFile(path.join(__dirname + '/main.html'));
+});
+module.exports = app;

main.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+	<!-- the entire body must be written by student -->
+    <script type="text/javascript" src="./script.js">
+</script>
+
+</body>
+
+</html>

package.json

@@ -0,0 +1,24 @@
+{
+    "name": "Accio assignment solution",
+    "version": "1.0.0",
+    "description": "Solution Template repo for Acciojob assignments",
+    "main": "index.js",
+    "scripts": {
+        "test": "jest --env=jsdom",
+        "start": "node server.js"
+    },
+    "jest": {
+        "verbose": true,
+        "testEnvironment": "jsdom"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "cypress": "^9.5.0",
+        "express": "^4.17.1",
+        "index.js": "0.0.3",
+        "jsdom": "^16.5.3",
+        "supertest": "^6.1.3"
+    }
+}

script.js

@@ -0,0 +1 @@
+//your JS code here. If required.

server.js

@@ -0,0 +1,4 @@
+const app = require("./index.js");
+app.listen(3000, () => {
+  console.log('server started');
+});

styles.css

@@ -0,0 +1 @@
+/*  your css code here. If applicable */