Merge pull request #422 from ember-learn/fix-ci

Fix CI

Author: MinThaMie

.github/workflows/ci.yml

@@ -12,12 +12,24 @@ concurrency:
    cancel-in-progress: true
 
 jobs:
-  test:
-    name: "Tests"
+  percy:
+    name: "Percy Tests"
     runs-on: ubuntu-latest
     env:
       PERCY_TOKEN: ee0a9d5c1122d6a21852edf19b5b309aaec18077fb3900c98995c90bc48ed240
-      RUN_PERCY_TESTS: true
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 14.x
+          cache: npm
+      - run: npm i -g npm@8
+      - run: npm ci
+      - run: npx percy exec -- npm run test:docs
+
+  test:
+    name: "Tests"
+    runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v2
@@ -60,12 +72,33 @@ jobs:
           - ember-lts-3.28
           - ember-release
           - ember-beta
-          - ember-canary
           - ember-classic
           - ember-default-with-jquery
           - embroider-safe
           - embroider-optimized
           - no-deprecations
+
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 14.x
+          cache: npm
+      - run: npm i -g npm@8
+      - run: npm ci
+      - name: Run Tests
+        run: ./node_modules/.bin/ember try:one ${{ matrix.try-scenario }}
+
+  allow-fail-try-scenarios:
+    name: ${{ matrix.try-scenario }} - Allowed to fail
+    runs-on: ubuntu-latest
+    needs: 'test'
+
+    strategy:
+      fail-fast: false
+      matrix:
+        try-scenario:
+          - ember-canary
           - ember-release-no-deprecations
 
     steps:
@@ -77,4 +110,11 @@ jobs:
       - run: npm i -g npm@8
       - run: npm ci
       - name: Run Tests
+        id: tests
         run: ./node_modules/.bin/ember try:one ${{ matrix.try-scenario }}
+        continue-on-error: true
+      - uses: mainmatter/continue-on-error-comment@v1
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          outcome: ${{ steps.tests.outcome }}
+          test-id: ${{ matrix.try-scenario }}

.gitignore

@@ -2,6 +2,7 @@
 
 # compiled output
 /dist/
+/dist-*
 /tmp/
 
 # dependencies

config/ember-try.js

@@ -44,6 +44,9 @@ module.exports = async function () {
           devDependencies: {
             'ember-source': await getChannelURL('release'),
           },
+          overrides: {
+            'ember-source': '$ember-source',
+          },
         },
       },
       {
@@ -52,6 +55,9 @@ module.exports = async function () {
           devDependencies: {
             'ember-source': await getChannelURL('beta'),
           },
+          overrides: {
+            'ember-source': '$ember-source',
+          },
         },
       },
       {
@@ -60,6 +66,9 @@ module.exports = async function () {
           devDependencies: {
             'ember-source': await getChannelURL('canary'),
           },
+          overrides: {
+            'ember-source': '$ember-source',
+          },
         },
       },
       {
@@ -110,6 +119,9 @@ module.exports = async function () {
             'ember-source': await getChannelURL('release'),
             'ember-deprecation-error': '*',
           },
+          overrides: {
+            'ember-source': '$ember-source',
+          },
         },
       },
     ],

config/index.js

@@ -0,0 +1,18 @@
+module.exports = function (/* environment */) {
+  return {
+    'field-guide': {
+      name: 'Ember',
+      tagLine: 'Ember Styleguide',
+      logo: '/ember-logo.png',
+      copyright:
+        'Ember Field Guide is designed to document the [ember-styleguide](https://github.com/ember-learn/ember-styleguide) project. For more information view the [README](https://github.com/ember-learn/ember-styleguide),',
+      github: 'https://github.com/ember-learn/ember-styleguide',
+    },
+  };
+};
+
+module.exports['ember-cli-build'] = {
+  fingerprint: {
+    extensions: ['js', 'css', 'map'],
+  },
+};

docs-styles/app.css

@@ -0,0 +1,33 @@
+.self-executing-code-block {
+  margin-bottom: 2rem;
+}
+
+@media only percy {
+  .hide-in-percy {
+    visibility: hidden;
+  }
+}
+
+.border-dashed {
+  border: 1px dashed var(--color-gray-500);
+}
+
+.spacer-xsmall {
+  height: var(--spacing-1);
+}
+
+.spacer-small {
+  height: var(--spacing-2);
+}
+
+.spacer-medium {
+  height: var(--spacing-3);
+}
+
+.spacer-large {
+  height: var(--spacing-4);
+}
+
+.spacer-xlarge {
+  height: var(--spacing-5);
+}