Merge pull request #37 from hurricanemark/Phase2-BaselineToSeriousWorks

Phase2 baseline to serious works

Author: hurricanemark

Dockerfile

@@ -14,7 +14,7 @@ COPY . .
 ENV NODE_ENV=awsdeploy
 ENV PORT=8080
 ENV WEATHERBIT_URI=https://api.weatherbit.io/v2.0/
-ENV WEATHERBIT_KEY=ZTg4ZTFhODA5NmNkNDg5N2I3OWIyMzBhOWM0OWIyNDM= 
+ENV WEATHERBIT_KEY=U2FsdGVkX18HMV5UUT9rJN76hOtIHDw1bH0beQYWH8a6E7uzKqskdgHvc6Nq2lO6O+GAb2vrcL+X8ZDqcGPuLw== 
 
 EXPOSE 8080
 

README.md

@@ -190,4 +190,16 @@ Cyclic deploys full stack NodeJS apps on AWS infrastructure directly from GitHub
 Please do not abuse this live website below.  Thank you!
 [Live demo](https://techrolemiweather.cyclic.app/about)
 
-**Recommend Cylic** https://app.cyclic.sh/#/join/hurricanemark
+**Recommend Cylic** https://app.cyclic.sh/#/join/hurricanemark
+
+## Test Automation
+
+[Selenium](https://www.selenium.dev/documentation/) is an opensource providing QA testing environment best fit for test automation.  Selenium supports multiple languages such as Java, Python,CSharp, Ruby, Javascript, and Kotlin.
+
+We will choose [Selenium IDE chrome extension](https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd) to configure and run a simple user-interface automation test project.  
+
+1. On the Chrome browser, download selenium chrome extension.
+
+2. Write test cases as follow and click `Run all tests`:
+
+![UI-Automation](./public/SeleniumIDEAutomation.PNG)

public/SeleniumIDEAutomation.PNG

@@ -0,0 +1,65 @@
+{
+  "id": "aeab0038-9054-48cb-95f2-122a75adad4a",
+  "version": "2.0",
+  "name": "TestWeatherBitApp",
+  "url": "localhost:1111",
+  "tests": [{
+    "id": "d23d883e-bf88-47ce-833d-ce98f95a5d5a",
+    "name": "Untitled",
+    "commands": [{
+      "id": "fdf7489e-1db8-40b3-8b27-622dc7f25190",
+      "comment": "",
+      "command": "echo",
+      "target": "Selenium IDE Test Preparation Target: TechRolEmi Weather APP",
+      "targets": [],
+      "value": "Selenium IDE Test Preparation Target: TechRolEmi Weather APP"
+    }, {
+      "id": "4f303c9a-bc59-4a79-be04-843c9594505a",
+      "comment": "Test open browser URL: https://techrolemiweather.cyclic.app/about",
+      "command": "open",
+      "target": "https://techrolemiweather.cyclic.app/about",
+      "targets": [],
+      "value": ""
+    }, {
+      "id": "7d00be3c-88a0-4020-80a2-5f73f0fc2166",
+      "comment": "Test open browser URL: https://techrolemiweather.cyclic.app/weatherbit",
+      "command": "open",
+      "target": "https://techrolemiweather.cyclic.app/weatherbit",
+      "targets": [],
+      "value": ""
+    }, {
+      "id": "364172e9-9e27-40ea-98b4-1f0d12c217f2",
+      "comment": "Test input text area",
+      "command": "type",
+      "target": "name=locale",
+      "targets": [
+        ["name=locale", "name"],
+        ["css=.ghost-input", "css:finder"],
+        ["xpath=//input[@name='locale']", "xpath:attributes"],
+        ["xpath=//fieldset/form/input", "xpath:position"]
+      ],
+      "value": "New York, NY"
+    }, {
+      "id": "72d25dbb-8f58-45fb-8acb-41a960c6225d",
+      "comment": "Test submit button `Pinpoint Weather`",
+      "command": "clickAt",
+      "target": "css=.btn-sm",
+      "targets": [
+        ["css=.btn-sm", "css:finder"],
+        ["xpath=//input[@value='Pinpoint Weather']", "xpath:attributes"],
+        ["xpath=//input[4]", "xpath:position"]
+      ],
+      "value": ""
+    }]
+  }],
+  "suites": [{
+    "id": "f7d69008-2385-4c7f-807a-048eb4f1a883",
+    "name": "Default Suite",
+    "persistSession": false,
+    "parallel": false,
+    "timeout": 300,
+    "tests": ["d23d883e-bf88-47ce-833d-ce98f95a5d5a"]
+  }],
+  "urls": ["localhost:1111"],
+  "plugins": []
+}