diff --git a/imports/ui/components/questions/questions.html b/imports/ui/components/questions/questions.html
index a1562da63..9c15f9da9 100644
--- a/imports/ui/components/questions/questions.html
+++ b/imports/ui/components/questions/questions.html
@@ -111,12 +111,12 @@ <h4>
                 </div>
                 {{#if currentResultsTrue}}
                     <div class="btn-group" role="group">
-                        <button class="btn btn-success" id="nav-results">Current Results</button>
+                        <button class="btn btn-success nav-results-button" id="nav-results">Current Results</button>
                     </div>
                 {{/if}}
                 {{#if finalResultsTrue}}
                     <div class="btn-group" role="group">
-                        <button class="btn btn-success" id="nav-results">Final Results</button>
+                        <button class="btn btn-success nav-results-button" id="nav-results">Final Results</button>
                     </div>
                 {{/if}}
             </div>
diff --git a/imports/ui/pages/results/results.html b/imports/ui/pages/results/results.html
index 31db60eb3..2ced37032 100644
--- a/imports/ui/pages/results/results.html
+++ b/imports/ui/pages/results/results.html
@@ -1,5 +1,5 @@
 <template name="results">
-  <div>
+  <div id="trait_spectrum_results">
     <h1 style="margin-top: 8vh; margin-bottom: 7vh; text-align: center;">
       Trait Spectrum Results
     </h1>
diff --git a/imports/ui/pages/results_descriptions/results_descriptions.html b/imports/ui/pages/results_descriptions/results_descriptions.html
index c6e3db655..e38053e20 100644
--- a/imports/ui/pages/results_descriptions/results_descriptions.html
+++ b/imports/ui/pages/results_descriptions/results_descriptions.html
@@ -1,5 +1,5 @@
 <template name="results_descriptions">
-  <div style="text-align: center">
+  <div style="text-align: center" id="trait_spectrum_results_descriptions">
     {{> select_feedback source='results_descriptions'}}
     <h2
       style="color:#898; color: rgb(53, 49, 49); background-color:rgba(255, 255, 255, 0.025); margin: 3%; text-align: center;"
diff --git a/imports/ui/pages/tsq/confidenceQuestionaire/confidenceQuestionaire.html b/imports/ui/pages/tsq/confidenceQuestionaire/confidenceQuestionaire.html
index f8810e980..9df5c399e 100644
--- a/imports/ui/pages/tsq/confidenceQuestionaire/confidenceQuestionaire.html
+++ b/imports/ui/pages/tsq/confidenceQuestionaire/confidenceQuestionaire.html
@@ -46,7 +46,7 @@ <h3 class="">Technical Skills Questionnaire</h3>
                                 </div>
                                 {{ #each userSkills }}
                                     <h3>{{ #with name }}{{ name }}{{ /with }}</h3>
-                                    <div class="">
+                                    <div id="confidence_list">
                                         <div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
                                             <button type="button" class="btn {{ #if equals confidenceLevel 1 }} btn-success {{ else }} btn-secondary {{ /if }} select-confidence" data-index="{{ realIndex @index }}" data-id="{{ _id }}" data-value="1">a month or more</button>
                                             <button type="button" class="btn {{ #if equals confidenceLevel 2 }} btn-success {{ else }} btn-secondary {{ /if }} select-confidence" data-index="{{ realIndex @index }}" data-id="{{ _id }}" data-value="2">a week or two</button>
diff --git a/tests/traitSpectrum.test.js b/tests/traitSpectrum.test.js
new file mode 100644
index 000000000..463697951
--- /dev/null
+++ b/tests/traitSpectrum.test.js
@@ -0,0 +1,95 @@
+const randomNumber = (Math.floor(Math.random() * 100000) + 1) + Date.now();
+
+module.exports = {
+    "Take/Complete Trait Spectrum": function(browser) {
+      browser.windowSize("current", "1200", "769"); // setting window size for this test
+      browser.url("http://localhost:3000").waitForElementVisible("body", 12000);
+  
+      createNewUser(browser);
+      takeTraitSpectrum(browser);
+      viewTraitSpectrumResults(browser);
+      browser.end();
+    }
+  };
+
+  function createNewUser(browser) {
+    browser.verify
+        .visible("#at-signUp")
+        .click("#at-signUp")
+    browser
+        .waitForElementVisible("#at-field-email", 12000)
+        .setValue("#at-field-email", `testUserForNightwatchTesting${randomNumber}@mydomain.com`)
+    browser.verify
+        .visible("#at-field-password")
+        .setValue("#at-field-password", "password")
+    browser.verify
+        .visible("#at-field-password_again")
+        .setValue("#at-field-password_again", "password")
+    browser.verify
+        .visible("#at-field-first_name")
+        .setValue("#at-field-first_name", "testUserForNightwatchTesting")
+    browser.verify
+        .visible("#at-field-last_name")
+        .setValue("#at-field-last_name", "testing")
+    browser.verify
+        .visible("#at-field-access_code")
+        .setValue("#at-field-access_code", "PADL")
+    browser.verify
+        .visible("#at-btn")
+        .click("#at-btn")
+    browser.waitForElementVisible("#last-dropdown")
+}
+
+function takeTraitSpectrum(browser) {
+    browser.verify
+        .visible("#nav-traitSpectrum")
+        .click("#nav-traitSpectrum")
+    browser.waitForElementVisible(".size-full", 8000)
+    browser.verify
+        .visible(".btn-continue-intro")
+        .click(".btn-continue-intro")
+    browser.waitForElementVisible(".size-full", 8000)
+    browser.verify
+        .visible(".btn-continue-intro")
+        .click(".btn-continue-intro")
+
+    browser.perform(function() {
+        for(let i = 0; i <= 20; i++) {
+            browser.waitForElementVisible(".noUi-base", 8000);
+            browser.useXpath()
+            browser.verify
+                .visible("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[1]/div[3]/div/div/div")
+                .getLocationInView("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[1]/div[3]/div/div/div")
+                .moveToElement("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[1]/div[3]/div/div/div", 200, 0).mouseButtonClick(0)
+            browser.verify
+                .visible("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[2]/div[3]/div/div/div")
+                .getLocationInView("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[2]/div[3]/div/div/div")
+                .moveToElement("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[2]/div[3]/div/div/div", 200, 0).mouseButtonClick(0)
+            browser.verify
+                .visible("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[3]/div[3]/div/div/div")
+                .getLocationInView("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[3]/div[3]/div/div/div")
+                .moveToElement("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[3]/div[3]/div/div/div", 200, 0).mouseButtonClick(0)
+            browser.verify
+                .visible("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[4]/div[3]/div/div/div")
+                .getLocationInView("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[4]/div[3]/div/div/div")
+                .moveToElement("//*[@id='__blaze-root']/div[2]/div[2]/div[2]/div[2]/div[1]/div[4]/div[3]/div/div/div", 200, 0).mouseButtonClick(0)
+            browser.useCss()
+            browser.verify
+                .visible("#submitAll")
+                .getLocationInView("#submitAll")
+                .click("#submitAll")
+        }
+    })
+}
+
+function viewTraitSpectrumResults(browser) {
+    browser.getLocationInView(".nav-results-button")
+    browser.verify
+        .visible(".nav-results-button")
+        .click(".nav-results-button")
+    browser.waitForElementVisible("#trait_spectrum_results", 12000)
+    browser.verify.visible("#results_descriptions")
+        .getLocationInView("#results_descriptions")
+        .click("#results_descriptions")
+    browser.waitForElementVisible("#trait_spectrum_results_descriptions", 12000)
+}
\ No newline at end of file
diff --git a/tests/tsq.test.js b/tests/tsq.test.js
new file mode 100644
index 000000000..aabc59fef
--- /dev/null
+++ b/tests/tsq.test.js
@@ -0,0 +1,159 @@
+const randomNumber = (Math.floor(Math.random() * 100000) + 1) + Date.now();
+
+module.exports = {
+    "Take the tsq": function(browser) {
+        browser.url("http://localhost:3000").waitForElementVisible("body", 12000);
+
+        createNewUser(browser);
+        tsqIntroAndUserLanguageList(browser);
+        tsqFamiliarUnfamiliar(browser);
+        tsqConfidenceQnaire(browser);
+        tsqResult(browser);
+        browser.end();
+    }
+}
+
+function createNewUser(browser) {
+    browser.verify
+        .visible("#at-signUp")
+        .click("#at-signUp")
+    browser
+        .waitForElementVisible("#at-field-email", 12000)
+        .setValue("#at-field-email", `testUserForTsqNightwatchTest${randomNumber}@mydomain.com`)
+    browser.verify
+        .visible("#at-field-password")
+        .setValue("#at-field-password", "password")
+    browser.verify
+        .visible("#at-field-password_again")
+        .setValue("#at-field-password_again", "password")
+    browser.verify
+        .visible("#at-field-first_name")
+        .setValue("#at-field-first_name", "testUserForTsqNightwatchTest")
+    browser.verify
+        .visible("#at-field-last_name")
+        .setValue("#at-field-last_name", "testing")
+    browser.verify
+        .visible("#at-field-access_code")
+        .setValue("#at-field-access_code", "PADL")
+    browser.verify
+        .visible("#at-btn")
+        .click("#at-btn")
+    browser.pause(2000);
+}
+
+function tsqIntroAndUserLanguageList(browser) {
+    browser.url("http://localhost:3000/technicalSkillsQuestionaire/userLanguageList?h=2").waitForElementVisible(".container", 12000);
+
+    // for testing purposes
+    browser.element("css selector", ".loading-animation", function(result) {
+        console.log('.loading-animation result: ', result);
+    })
+
+    browser.url(function(result){
+        console.log('current url: ', result);
+    })
+
+    browser.element("css selector", ".gotohomepage", function(result) {
+        console.log('.gotohomepage result: ', result);
+    })
+
+    browser.verify.visible(".btn-continue-intro")
+    browser.pause(1500)
+
+    browser.element("css selector", ".btn-continue-intro", function(result) {
+        if(result.status === 0){
+            console.log('Intro page is visible! ', result);
+            browser.verify
+                .visible(".btn-continue-intro")
+                .click(".btn-continue-intro")
+            browser.waitForElementVisible(".btn-continue-intro", 12000)
+            browser.verify
+                .visible(".btn-continue-intro")
+                .click(".btn-continue-intro")
+            browser.verify
+                .visible(".selectize-input")
+                .click(".selectize-input")
+            browser.verify
+                .visible(".selectize-dropdown-content")
+            browser
+                .useXpath()
+                .click("//div[text()='JavaScript']")
+                .useCss()
+                .waitForElementVisible(".remove")
+            browser
+                .click(".subtitles") // clicking on subtitles to close the dropdown
+            browser.verify
+                .visible("#continue")
+                .click("#continue")
+        } else {
+            console.log('Intro page is NOT visible! ', result);
+
+            browser.verify
+                .visible(".selectize-input")
+                .click(".selectize-input")
+            browser.verify
+                .visible(".selectize-dropdown-content")
+            browser
+                .useXpath()
+                .click("//div[text()='JavaScript']")
+                .useCss()
+                .waitForElementVisible(".remove")
+            browser
+                .click(".subtitles") // clicking on subtitles to close the dropdown
+            browser.verify
+                .visible("#continue")
+                .click("#continue")
+        }
+    })
+}
+
+function tsqFamiliarUnfamiliar(browser) {
+    browser.waitForElementVisible(".unfamiliar-item-checkbox", 12000)
+    browser.verify
+        .visible(".unfamiliar-item-checkbox")
+        .click(".unfamiliar-item-checkbox")
+    browser.verify
+        .visible("#continue")
+        .click("#continue")
+}
+
+function tsqConfidenceQnaire(browser) {
+    browser.useXpath().waitForElementVisible("//*[@id='confidence_list'][10]/div/button[1]", 12000)
+    browser
+        .click("//*[@id='confidence_list'][1]/div/button[1]")
+        .click("//*[@id='confidence_list'][2]/div/button[2]")
+        .click("//*[@id='confidence_list'][3]/div/button[3]")
+        .click("//*[@id='confidence_list'][4]/div/button[4]")
+        .click("//*[@id='confidence_list'][5]/div/button[5]")
+        .click("//*[@id='confidence_list'][6]/div/button[6]")
+        .click("//*[@id='confidence_list'][7]/div/button[1]")
+        .click("//*[@id='confidence_list'][8]/div/button[2]")
+        .click("//*[@id='confidence_list'][9]/div/button[3]")
+        .click("//*[@id='confidence_list'][10]/div/button[4]")
+        .useCss()
+    
+    browser.element("css selector", "#showResults", function(result) {
+        if(result.status > -1) {
+            browser.getLocationInView("#showResults").click("#showResults")
+        } else {
+            browser.verify.visible(".nextLanguage")
+            browser.getLocationInView(".nextLanguage").click(".nextLanguage")
+            browser.pause(2000)
+            browser.waitForElementVisible("div[class=panel-body]", 12000)
+            browser.useXpath()
+            browser.verify.visible("//*[@id='confidence_list']/div/button[3]")
+            browser.getLocationInView("//*[@id='confidence_list']/div/button[3]").click("//*[@id='confidence_list']/div/button[3]")
+            browser.useCss()
+            browser.waitForElementVisible("#showResults", 1000)
+            browser.verify.visible("#showResults")
+            browser.getLocationInView("#showResults").click("#showResults")
+            browser.pause(2000)
+        }
+    })
+}
+
+function tsqResult(browser) {
+    browser.waitForElementVisible("#restart")
+    browser.verify
+        .visible("#restart")
+}