@ember/app-blueprint 0.8.1 → 6.6.0

package/tests/default.test.mjs

@@ -1,161 +0,0 @@
-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 = [
-  {
-    name: 'defaults',
-    flags: [],
-    fixturePath: join(import.meta.dirname, 'fixture'),
-  },
-  {
-    name: 'compat (v1 addon support)',
-    // @glimmer/component >= 2.0.0 is a v2 addon, which we don't need when testing "compat mode"
-    // this test is "compat mode"
-    // compat mode forces us to use v1 addon infra, ember-cli, etc
-    flags: [
-      /* none, default */
-    ],
-    packageJson: {
-      devDependencies: {
-        '@glimmer/component': '^1.1.2',
-      },
-    },
-    fixturePath: join(import.meta.dirname, 'fixture'),
-  },
-  {
-    name: 'typescript',
-    flags: ['--typescript'],
-    fixturePath: join(import.meta.dirname, 'fixture-ts'),
-  },
-];
-
-describe('basic functionality', function () {
-  for (let { name, flags, packageJson, fixturePath } of SCENARIOS) {
-    describe(name, function () {
-      let project = newProjectWithFixtures({
-        fixturePath,
-        flags,
-        packageJson,
-      });
-
-      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']);
-        } catch (err) {
-          console.log(err.stdout, err.stderr);
-          throw 'Failed to successfully run test';
-        }
-
-        // 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

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

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

@@ -1,5 +0,0 @@
-/* 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

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

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

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

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

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

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

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

package/tests/fixture/testem-proxy.js

@@ -1,35 +0,0 @@
-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/custom-component-test.js

@@ -1,14 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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-ts/app/styles/app.css

@@ -1,5 +0,0 @@
-/* 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-ts/app/templates/components/custom.gts

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

package/tests/fixture-ts/app/templates/custom-component.gts

@@ -1,5 +0,0 @@
-import Custom from './components/custom';
-
-<template>
-  <Custom />
-</template>

package/tests/fixture-ts/app/templates/index.gts

@@ -1,5 +0,0 @@
-import { WelcomePage } from 'ember-welcome-page';
-
-<template>
-  <WelcomePage />
-</template>

package/tests/fixture-ts/app/templates/styles.gts

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

package/tests/fixture-ts/tests/acceptance/custom-component-test.ts

@@ -1,14 +0,0 @@
-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-ts/tests/acceptance/styles-test.ts

@@ -1,18 +0,0 @@
-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/typescript.test.mjs

@@ -1,24 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { join } from 'path';
-import { existsSync } from 'fs';
-import { newProjectWithFixtures } from './helpers.mjs';
-
-describe('typescript', function () {
-  let project = newProjectWithFixtures({
-    fixturePath: join(__dirname, 'fixture-ts'),
-    flags: ['--typescript'],
-  });
-
-  it('verify files', async function () {
-    expect(
-      existsSync(join(project.dir(), 'tsconfig.json')),
-      'the root tsconfig.json has been added',
-    );
-  });
-
-  it('glint passes', async function () {
-    let result = await project.execa('pnpm', ['glint']);
-
-    console.log(result.stdout);
-  });
-});