npm - @ember/app-blueprint - Versions diffs - 0.0.0 → 0.1.0 - Mend

@ember/app-blueprint 0.0.0 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/.editorconfig +19 -0
package/.github/workflows/ci.yml +35 -0
package/.github/workflows/plan-release.yml +94 -0
package/.github/workflows/publish.yml +43 -0
package/.prettierrc.cjs +13 -0
package/.release-plan.json +22 -0
package/CHANGELOG.md +17 -0
package/RELEASE.md +27 -0
package/eslint.config.mjs +30 -0
package/files/.editorconfig +19 -0
package/files/.ember-cli +7 -0
package/files/.github/workflows/ci.yml +53 -0
package/files/.prettierignore +13 -0
package/files/.prettierrc.js +39 -0
package/files/.stylelintignore +5 -0
package/files/.stylelintrc.js +5 -0
package/files/.template-lintrc.js +5 -0
package/files/.watchmanconfig +3 -0
package/files/README.md +58 -0
package/files/_js_babel.config.cjs +42 -0
package/files/_js_eslint.config.mjs +115 -0
package/files/_ts_babel.config.cjs +50 -0
package/files/_ts_eslint.config.mjs +135 -0
package/files/app/app.ts +18 -0
package/files/app/components/.gitkeep +0 -0
package/files/app/config/environment.ts +17 -0
package/files/app/controllers/.gitkeep +0 -0
package/files/app/deprecation-workflow.ts +24 -0
package/files/app/helpers/.gitkeep +0 -0
package/files/app/models/.gitkeep +0 -0
package/files/app/router.ts +11 -0
package/files/app/routes/.gitkeep +0 -0
package/files/app/styles/app.css +1 -0
package/files/app/templates/_js_application.hbs +10 -0
package/files/app/templates/_ts_application.gts +15 -0
package/files/config/ember-cli-update.json +16 -0
package/files/config/environment.js +48 -0
package/files/config/optional-features.json +7 -0
package/files/config/targets.js +11 -0
package/files/ember-cli-build.js +22 -0
package/files/gitignore +26 -0
package/files/index.html +29 -0
package/files/package.json +112 -0
package/files/public/robots.txt +3 -0
package/files/testem.js +25 -0
package/files/tests/helpers/index.ts +43 -0
package/files/tests/index.html +43 -0
package/files/tests/integration/.gitkeep +0 -0
package/files/tests/test-helper.ts +15 -0
package/files/tests/unit/.gitkeep +0 -0
package/files/tsconfig.json +31 -0
package/files/vite.config.mjs +15 -0
package/index.js +158 -0
package/lib/directory-for-package-name.js +31 -0
package/lib/prepend-emoji.js +12 -0
package/package.json +33 -6
package/tests/default.test.mjs +145 -0
package/tests/fixture/app/components/custom-component.hbs +3 -0
package/tests/fixture/app/initializers/test-init.js +6 -0
package/tests/fixture/app/instance-initializers/test-instance-init.js +6 -0
package/tests/fixture/app/router.js +12 -0
package/tests/fixture/app/routes/styles.js +6 -0
package/tests/fixture/app/styles/app.css +5 -0
package/tests/fixture/app/templates/application.hbs +3 -0
package/tests/fixture/app/templates/custom-component.hbs +1 -0
package/tests/fixture/app/templates/index.hbs +1 -0
package/tests/fixture/app/templates/styles.hbs +5 -0
package/tests/fixture/testem-proxy.js +35 -0
package/tests/fixture/tests/acceptance/app-init-test.js +13 -0
package/tests/fixture/tests/acceptance/custom-component-test.js +14 -0
package/tests/fixture/tests/acceptance/styles-test.js +18 -0
package/tests/fixture/tests/acceptance/welcome-page-test.js +14 -0
package/tests/fixture-ts/app/initializers/test-init.ts +10 -0
package/tests/fixture-ts/app/instance-initializers/test-instance-init.ts +10 -0
package/tests/fixture-ts/app/router.ts +12 -0
package/tests/fixture-ts/app/routes/styles.ts +8 -0
package/tests/fixture-ts/app/styles/app.css +5 -0
package/tests/fixture-ts/app/templates/components/custom.gts +5 -0
package/tests/fixture-ts/app/templates/custom-component.gts +5 -0
package/tests/fixture-ts/app/templates/index.gts +5 -0
package/tests/fixture-ts/app/templates/styles.gts +7 -0
package/tests/fixture-ts/testem-proxy.js +36 -0
package/tests/fixture-ts/tests/acceptance/app-init-test.ts +22 -0
package/tests/fixture-ts/tests/acceptance/custom-component-test.ts +14 -0
package/tests/fixture-ts/tests/acceptance/styles-test.ts +18 -0
package/tests/fixture-ts/tests/acceptance/welcome-page-test.ts +14 -0
package/tests/helpers.mjs +57 -0
package/tests/typescript.test.mjs +24 -0
package/vitest.config.ts +10 -0

package/files/tests/index.html ADDED Viewed

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title><%= namespace %> Tests</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {{content-for "head"}}
+    {{content-for "test-head"}}
+    <link rel="stylesheet" href="/@embroider/virtual/vendor.css">
+    <link rel="stylesheet" href="/@embroider/virtual/app.css">
+    <link rel="stylesheet" href="/@embroider/virtual/test-support.css">
+    {{content-for "head-footer"}}
+    {{content-for "test-head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+    {{content-for "test-body"}}
+    <div id="qunit"></div>
+    <div id="qunit-fixture">
+      <div id="ember-testing-container">
+        <div id="ember-testing"></div>
+      </div>
+    </div>
+    <script src="/testem.js" integrity="" data-embroider-ignore></script>
+    <script src="/@embroider/virtual/vendor.js"></script>
+    <script src="/@embroider/virtual/test-support.js"></script>
+    <script type="module">import "ember-testing";</script>
+    <script type="module">
+      import { start } from './test-helper';
+      import.meta.glob("./**/*.{js,ts,gjs,gts}", { eager: true });
+      start();
+    </script>
+    {{content-for "body-footer"}}
+  </body>
+</html>

package/files/tests/integration/.gitkeep ADDED Viewed

File without changes

package/files/tests/test-helper.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import Application from '<%= modulePrefix %>/app';
+import config from '<%= modulePrefix %>/config/environment';
+import * as QUnit from 'qunit';
+import { setApplication } from '@ember/test-helpers';
+import { setup } from 'qunit-dom';
+import { start as qunitStart, setupEmberOnerrorValidation } from 'ember-qunit';
+export function start() {
+  setApplication(Application.create(config.APP));
+  setup(QUnit.assert);
+  setupEmberOnerrorValidation();
+  qunitStart();
+}

package/files/tests/unit/.gitkeep ADDED Viewed

File without changes

package/files/tsconfig.json ADDED Viewed

@@ -0,0 +1,31 @@
+{
+  "extends": "@ember/app-tsconfig",
+  "include": [
+    "app", "tests", "types"
+  ],
+  "glint": {
+    "environment": [
+      "ember-loose",
+      "ember-template-imports"
+    ]
+  },
+  "compilerOptions": {
+    "allowJs": true,
+    "paths": {
+      "<%= name %>/tests/*": [
+        "./tests/*"
+      ],
+      "<%= name %>/*": [
+        "./app/*"
+      ],
+      "*": [
+        "./types/*"
+      ]
+    },
+    "types": [
+      "ember-source/types",
+      "@embroider/core/virtual",
+      "vite/client"
+    ]
+  },
+}

package/files/vite.config.mjs ADDED Viewed

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import { extensions, classicEmberSupport, ember } from '@embroider/vite';
+import { babel } from '@rollup/plugin-babel';
+export default defineConfig({
+  plugins: [
+    classicEmberSupport(),
+    ember(),
+    // extra plugins here
+    babel({
+      babelHelpers: 'runtime',
+      extensions,
+    }),
+  ],
+});

package/index.js ADDED Viewed

@@ -0,0 +1,158 @@
+'use strict';
+const stringUtil = require('ember-cli-string-utils');
+const chalk = require('chalk');
+const directoryForPackageName = require('./lib/directory-for-package-name');
+module.exports = {
+  description: 'The default blueprint for ember-cli projects.',
+  shouldTransformTypeScript: true,
+  filesToRemove: [
+    'app/styles/.gitkeep',
+    'app/templates/.gitkeep',
+    'app/views/.gitkeep',
+    'public/.gitkeep',
+    'Brocfile.js',
+    'testem.json',
+  ],
+  locals(options) {
+    let entity = options.entity;
+    let rawName = entity.name;
+    let name = stringUtil.dasherize(rawName);
+    let namespace = stringUtil.classify(rawName);
+    let hasOptions = !options.welcome || options.packageManager || options.ciProvider;
+    let blueprintOptions = '';
+    if (hasOptions) {
+      let indent = `\n            `;
+      let outdent = `\n          `;
+      blueprintOptions =
+        indent +
+        [
+          !options.welcome && '"--no-welcome"',
+          options.packageManager === 'yarn' && '"--yarn"',
+          options.packageManager === 'pnpm' && '"--pnpm"',
+          options.ciProvider && `"--ci-provider=${options.ciProvider}"`,
+          options.typescript && `"--typescript"`,
+          !options.emberData && `"--no-ember-data"`,
+        ]
+          .filter(Boolean)
+          .join(',\n            ') +
+        outdent;
+    }
+    let invokeScriptPrefix = 'npm run';
+    let execBinPrefix = 'npm exec';
+    if (options.packageManager === 'yarn') {
+      invokeScriptPrefix = 'yarn';
+      execBinPrefix = 'yarn';
+    }
+    if (options.packageManager === 'pnpm') {
+      invokeScriptPrefix = 'pnpm';
+      execBinPrefix = 'pnpm';
+    }
+    return {
+      appDirectory: directoryForPackageName(name),
+      name,
+      modulePrefix: name,
+      namespace,
+      blueprintVersion: require('./package').version,
+      yarn: options.packageManager === 'yarn',
+      pnpm: options.packageManager === 'pnpm',
+      npm: options.packageManager !== 'yarn' && options.packageManager !== 'pnpm',
+      invokeScriptPrefix,
+      execBinPrefix,
+      welcome: options.welcome,
+      blueprint: 'app',
+      blueprintOptions,
+      lang: options.lang,
+      emberData: options.emberData,
+      ciProvider: options.ciProvider,
+      typescript: options.typescript,
+      packageManager: options.packageManager ?? 'npm',
+    };
+  },
+  files(options) {
+    if (this._files) {
+      return this._files;
+    }
+    let files = this._super();
+    if (options.ciProvider !== 'github') {
+      files = files.filter((file) => file.indexOf('.github') < 0);
+    }
+    if (!options.typescript) {
+      files = files.filter(
+        (file) => !['tsconfig.json', 'app/config/', 'types/'].includes(file) && !file.endsWith('.d.ts')
+      );
+    }
+    if (!options.emberData) {
+      files = files.filter((file) => !file.includes('models/'));
+      files = files.filter((file) => !file.includes('ember-data/'));
+    }
+    this._files = files;
+    return this._files;
+  },
+  beforeInstall() {
+    const prependEmoji = require('./lib/prepend-emoji');
+    this.ui.writeLine(prependEmoji('✨', `Creating a new Ember app in ${chalk.yellow(process.cwd())}:`));
+  },
+  /**
+   * @override
+   *
+   * This modification of buildFileInfo allows our differing
+   * input files to output to a single file, depending on the options.
+   * For example:
+   *
+   *   for javascript,
+   *     _ts_eslint.config.mjs is deleted
+   *     _js_eslint.config.mjs is renamed to eslint.config.mjs
+   *
+   *   for typescript,
+   *     _js_eslint.config.mjs is deleted
+   *     _ts_eslint.config.mjs is renamed to eslint.config.mjs
+   */
+  buildFileInfo(intoDir, templateVariables, file, options) {
+    let fileInfo = this._super.buildFileInfo.apply(this, arguments);
+    if (file.includes('_js_')) {
+      if (options.typescript) {
+        return null;
+      }
+      fileInfo.outputBasePath = fileInfo.outputPath.replace('_js_', '');
+      fileInfo.outputPath = fileInfo.outputPath.replace('_js_', '');
+      fileInfo.displayPath = fileInfo.outputPath.replace('_js_', '');
+      return fileInfo;
+    }
+    if (file.includes('_ts_')) {
+      if (!options.typescript) {
+        return null;
+      }
+      fileInfo.outputBasePath = fileInfo.outputPath.replace('_ts_', '');
+      fileInfo.outputPath = fileInfo.outputPath.replace('_ts_', '');
+      fileInfo.displayPath = fileInfo.outputPath.replace('_ts_', '');
+      return fileInfo;
+    }
+    return fileInfo;
+  },
+};

package/lib/directory-for-package-name.js ADDED Viewed

@@ -0,0 +1,31 @@
+'use strict';
+const path = require('path');
+/**
+ * Derive a directory name from a package name.
+ * Takes scoped packages into account.
+ *
+ * @method directoryForPackageName
+ * @param {String} packageName
+ * @return {String} Derived directory name.
+ */
+module.exports = function directoryForPackageName(packageName) {
+  let isScoped = packageName[0] === '@' && packageName.includes('/');
+  if (isScoped) {
+    let slashIndex = packageName.indexOf('/');
+    let scopeName = packageName.substring(1, slashIndex);
+    let packageNameWithoutScope = packageName.substring(slashIndex + 1);
+    let pathParts = process.cwd().split(path.sep);
+    let parentDirectoryContainsScopeName = pathParts.includes(scopeName);
+    if (parentDirectoryContainsScopeName) {
+      return packageNameWithoutScope;
+    } else {
+      return `${scopeName}-${packageNameWithoutScope}`;
+    }
+  } else {
+    return packageName;
+  }
+};

package/lib/prepend-emoji.js ADDED Viewed

@@ -0,0 +1,12 @@
+'use strict';
+function supportEmoji() {
+  const hasEmojiTurnedOff = process.argv.indexOf('--no-emoji') > -1;
+  return process.stdout.isTTY && process.platform !== 'win32' && !hasEmojiTurnedOff;
+}
+const areEmojiSupported = supportEmoji();
+module.exports = function prependEmoji(emoji, msg) {
+  return areEmojiSupported ? `${emoji}  ${msg}` : msg;
+};

package/package.json CHANGED Viewed

@@ -1,12 +1,39 @@
 {
   "name": "@ember/app-blueprint",
-  "version": "0.0.0",
-  "description": "",
-  "main": "index.js",
-  "keywords": [],
-  "author": "",
+  "version": "0.1.0",
+  "description": "Blueprint for next generation of Ember apps",
+  "keywords": [
+    "ember-blueprint"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:ember-cli/ember-app-blueprint.git"
+  },
   "license": "MIT",
+  "author": "",
+  "main": "index.js",
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "walk-sync": "^3.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.3.0",
+    "ember-cli": "^6.3.1",
+    "eslint": "9.x",
+    "eslint-config-prettier": "^9.1.0",
+    "execa": "^9.1.0",
+    "fixturify": "^3.0.0",
+    "globals": "^15.3.0",
+    "prettier": "^3.2.5",
+    "prettier-plugin-ember-template-tag": "^2.0.2",
+    "release-plan": "^0.16.0",
+    "resolve-bin": "^1.0.1",
+    "strip-ansi": "^7.1.0",
+    "tmp-promise": "^3.0.3",
+    "vitest": "^3.1.2"
+  },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "lint": "eslint .",
+    "test": "vitest"
   }
 }

package/tests/default.test.mjs ADDED Viewed

@@ -0,0 +1,145 @@
+import { describe, it, expect } from 'vitest';
+import { join } from 'path';
+import { existsSync, writeFileSync } from 'fs';
+import stripAnsi from 'strip-ansi';
+import { newProjectWithFixtures } from './helpers.mjs';
+const SCENARIOS = [
+  {
+    flags: [
+      /* none, default */
+    ],
+    fixturePath: join(import.meta.dirname, 'fixture'),
+  },
+  {
+    flags: ['--typescript'],
+    fixturePath: join(import.meta.dirname, 'fixture-ts'),
+  },
+];
+describe('basic functionality', function () {
+  for (let { flags, fixturePath } of SCENARIOS) {
+    describe(`with flags: '${flags.join(' ')}'`, function () {
+      let project = newProjectWithFixtures({
+        fixturePath,
+        flags,
+      });
+      it('verify files', async function () {
+        expect(
+          !existsSync(join(project.dir(), 'app/index.html')),
+          'the app index.html has been removed',
+        );
+        expect(
+          existsSync(join(project.dir(), 'index.html')),
+          'the root index.html has been added',
+        );
+      });
+      it('successfully lints', async function () {
+        let result = await project.execa('pnpm', ['lint']);
+        console.log(result.stdout);
+      });
+      it('successfully builds', async function () {
+        let result = await project.execa('pnpm', ['build']);
+        console.log(result.stdout);
+      });
+      it('successfully runs tests', async function () {
+        let result;
+        try {
+          result = await project.execa('pnpm', ['test:ember']);
+        } catch (err) {
+          console.log(err.stdout, err.stderr);
+          throw 'Failed to successfully run test:ember';
+        }
+        // make sure that each of the tests that we expect actually show up
+        // alternatively we can change this to search for `pass 3`
+        expect(result.stdout).to.contain(
+          'Acceptance | welcome page: visiting /index shows the welcome page',
+        );
+        expect(result.stdout).to.contain(
+          'Acceptance | styles: visiting /styles',
+        );
+        console.log(result.stdout);
+      });
+      it('successfully runs tests in dev mode', async function () {
+        await project.$`pnpm install --save-dev testem http-proxy`;
+        let appURL;
+        let server;
+        try {
+          server = project.execa('pnpm', ['start']);
+          await new Promise((resolve) => {
+            server.stdout.on('data', (line) => {
+              let result = /Local:\s+(https?:\/\/.*)\//g.exec(
+                stripAnsi(line.toString()),
+              );
+              if (result) {
+                appURL = result[1];
+                resolve();
+              }
+            });
+          });
+          writeFileSync(
+            join(project.dir(), 'testem-dev.js'),
+            `module.exports = {
+  test_page: 'tests/index.html?hidepassed',
+  disable_watching: true,
+  launch_in_ci: ['Chrome'],
+  launch_in_dev: ['Chrome'],
+  browser_start_timeout: 120,
+  browser_args: {
+    Chrome: {
+      ci: [
+        // --no-sandbox is needed when running Chrome inside a container
+        process.env.CI ? '--no-sandbox' : null,
+        '--headless',
+        '--disable-dev-shm-usage',
+        '--disable-software-rasterizer',
+        '--mute-audio',
+        '--remote-debugging-port=0',
+        '--window-size=1440,900',
+      ].filter(Boolean),
+    },
+  },
+  middleware: [
+    require(__dirname + '/testem-proxy.js')('${appURL}')
+  ],
+};
+`,
+          );
+          let testResult = await project.execa('pnpm', [
+            'testem',
+            '--file',
+            'testem-dev.js',
+            'ci',
+          ]);
+          expect(testResult.exitCode).to.eq(0, testResult.output);
+        } finally {
+          server?.kill('SIGINT');
+        }
+      });
+      it('successfully optimizes deps', function () {
+        return project.execa('pnpm', ['vite', 'optimize', '--force']);
+      });
+      it('can run generators', function () {
+        return project.execa('pnpm', ['ember', 'g', 'route', 'fancy']);
+      });
+    });
+  }
+});

package/tests/fixture/app/components/custom-component.hbs ADDED Viewed

@@ -0,0 +1,3 @@
+<div id="custom-component">
+    I am a custom component
+</div>

package/tests/fixture/app/initializers/test-init.js ADDED Viewed

@@ -0,0 +1,6 @@
+export default {
+  name: 'test-init',
+  initialize(application) {
+    application.__test_init = 'coming from the initializer';
+  },
+};

package/tests/fixture/app/instance-initializers/test-instance-init.js ADDED Viewed

@@ -0,0 +1,6 @@
+export default {
+  name: 'test-instance-initializers',
+  initialize(instance) {
+    instance.__instance_test_init = 'set in the instance initializer';
+  },
+};

package/tests/fixture/app/router.js ADDED Viewed

@@ -0,0 +1,12 @@
+import EmberRouter from '@ember/routing/router';
+import config from 'test-app/config/environment';
+export default class Router extends EmberRouter {
+  location = config.locationType;
+  rootURL = config.rootURL;
+}
+Router.map(function () {
+  this.route('styles');
+  this.route('custom-component');
+});

package/tests/fixture/app/routes/styles.js ADDED Viewed

@@ -0,0 +1,6 @@
+import Route from '@ember/routing/route';
+import { service } from '@ember/service';
+export default class StylesRoute extends Route {
+  @service router;
+}

package/tests/fixture/app/styles/app.css ADDED Viewed

@@ -0,0 +1,5 @@
+/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
+.styles-test {
+  background-color: blue;
+}

package/tests/fixture/app/templates/application.hbs ADDED Viewed

@@ -0,0 +1,3 @@
+{{page-title "FancyApp"}}
+{{outlet}}

package/tests/fixture/app/templates/custom-component.hbs ADDED Viewed

	@@ -0,0 +1 @@
1	+ <CustomComponent />

package/tests/fixture/app/templates/index.hbs ADDED Viewed

	@@ -0,0 +1 @@
1	+ <WelcomePage />

package/tests/fixture/app/templates/styles.hbs ADDED Viewed

@@ -0,0 +1,5 @@
+<h1>Styles test</h1>
+<p class="styles-test">
+  I expect to be blue
+</p>

package/tests/fixture/testem-proxy.js ADDED Viewed

@@ -0,0 +1,35 @@
+const httpProxy = require('http-proxy');
+/*
+  This can be installed as a testem middleware to make testem run against an
+  arbitrary real webserver at targetURL.
+  It allows testem to handle the well-known testem-specific paths and proxies
+  everything else, while rewriting the testem-added prefix out of your
+  "/tests/index.html" URL.
+*/
+module.exports = function testemProxy(targetURL) {
+  return function testemProxyHandler(app) {
+    const proxy = httpProxy.createProxyServer({
+      changeOrigin: true,
+      ignorePath: true,
+    });
+    proxy.on('error', (err, _req, res) => {
+      res && res.status && res.status(500).json(err);
+    });
+    app.all('*', (req, res, next) => {
+      let url = req.url;
+      if (url === '/testem.js' || url.startsWith('/testem/')) {
+        return next();
+      }
+      let m = /^(\/\d+)\/tests\/index.html/.exec(url);
+      if (m) {
+        url = url.slice(m[1].length);
+      }
+      proxy.web(req, res, { target: targetURL + url });
+    });
+  };
+}

package/tests/fixture/tests/acceptance/app-init-test.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { module, test } from 'qunit';
+import { getApplication } from '@ember/test-helpers';
+import { setupApplicationTest } from 'test-app/tests/helpers';
+module('Acceptance | app route', function (hooks) {
+  setupApplicationTest(hooks);
+  test('loaded initializers /', async function (assert) {
+    const app = getApplication();
+    assert.strictEqual([...app._applicationInstances][0].__instance_test_init, 'set in the instance initializer');
+    assert.strictEqual(app.__test_init, 'coming from the initializer');
+  });
+});

package/tests/fixture/tests/acceptance/custom-component-test.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { module, test } from 'qunit';
+import { visit, currentURL } from '@ember/test-helpers';
+import { setupApplicationTest } from 'test-app/tests/helpers';
+module('Acceptance | custom-component page', function (hooks) {
+  setupApplicationTest(hooks);
+  test('visiting /custom-component', async function (assert) {
+    await visit('/custom-component');
+    assert.strictEqual(currentURL(), '/custom-component');
+    assert.dom('#custom-component').containsText('I am a custom component');
+  });
+})

package/tests/fixture/tests/acceptance/styles-test.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { module, test } from 'qunit';
+import { visit } from '@ember/test-helpers';
+import { setupApplicationTest } from 'test-app/tests/helpers';
+module('Acceptance | styles', function (hooks) {
+  setupApplicationTest(hooks);
+  test('visiting /styles', async function (assert) {
+    await visit('/styles');
+    assert.dom('.styles-test').hasStyle(
+      {
+        'background-color': 'rgb(0, 0, 255)',
+      },
+      'The background should be blue if the app styles are working correctly',
+    );
+  });
+});

package/tests/fixture/tests/acceptance/welcome-page-test.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { module, test } from 'qunit';
+import { visit, currentURL } from '@ember/test-helpers';
+import { setupApplicationTest } from 'test-app/tests/helpers';
+module('Acceptance | welcome page', function (hooks) {
+  setupApplicationTest(hooks);
+  test('visiting /index shows the welcome page', async function (assert) {
+    await visit('/');
+    assert.strictEqual(currentURL(), '/');
+    assert.dom('h1').containsText('Congratulations, you made it!');
+  });
+});