fix(nightwatch): use correct css selector

Author: clarkdo

packages/cna-template/template/frameworks/nightwatch/test/e2e/pageObjects/main.js

@@ -3,10 +3,10 @@ module.exports = {
   url: 'http://localhost:3000',
   elements: {
     docButton: {
-      selector: '.button--green'
+      selector: '.button--doc'
     },
     githubButton: {
-      selector: '.button--grey'
+      selector: '.button--github'
     }
   }
 }

packages/cna-template/template/nuxt/components/Tutorial.vue

@@ -11,15 +11,15 @@
           Welcome to your Nuxt Application
         </h2>
         <p class="mt-3 text-gray-600">
-          We recommend you take a look at the <a href="https://nuxtjs.org" target="_blank" class="text-green-500 hover:underline">Nuxt documentation</a>, whether you are new or have previous experience with the framework.<br>
+          We recommend you take a look at the <a href="https://nuxtjs.org" target="_blank" class="button--doc text-green-500 hover:underline">Nuxt documentation</a>, whether you are new or have previous experience with the framework.<br>
         </p>
         <p class="mt-4 pt-4 text-gray-800 border-t border-dashed">
           To get started, remove <code class="bg-gray-100 text-sm p-1 rounded border">components/Tutorial.vue</code> and start coding in <code class="bg-gray-100 text-sm p-1 rounded border">pages/index.vue</code>. Have fun!
         </p>
       </div>
       <div class="flex justify-center pt-4 space-x-2">
         <a href="https://github.com/nuxt/nuxt.js" target="_blank"><svg
-          class="w-6 h-6 text-gray-600 hover:text-gray-800"
+          class="w-6 h-6 text-gray-600 hover:text-gray-800 button--github"
           xmlns="http://www.w3.org/2000/svg"
           xmlns:xlink="http://www.w3.org/1999/xlink"
           aria-hidden="true"