+ Customize your build using environment variables. For secure tips on generating private keys
+
+ read our documentation
+
+
+
+
+
+ If your secret variable has special characters like &,
+ escape them by adding \ in front of each special character.
+ For example, ma&w!doc would be entered as ma\&w\!doc.
+
+
+
+
+
+
+ {{#each this.envVars as |envVar|}}
+
+ {{/each}}
+
+ Customize your build using environment variables. For secure tips on generating private keys
+
+ read our documentation
+
+
+
+
+
+ If your secret variable has special characters like &,
+ escape them by adding \ in front of each special character.
+ For example, ma&w!doc would be entered as ma\&w\!doc.
+
+
+
+
+
+
+ {{#each this.envVars as |envVar|}}
+
+ {{/each}}
+
+
diff --git a/mirage/models/organization.js b/mirage/models/organization.js
index 78b6b6232a..3791663359 100644
--- a/mirage/models/organization.js
+++ b/mirage/models/organization.js
@@ -1,7 +1,8 @@
-import { Model, belongsTo } from 'miragejs';
+import { Model, belongsTo, hasMany } from 'miragejs';
export default Model.extend({
allowance: belongsTo(),
installation: belongsTo(),
subscription: belongsTo(),
+ envVars: hasMany(),
});
diff --git a/mirage/models/user.js b/mirage/models/user.js
index e633a2f1f2..f7e7ad0ba5 100644
--- a/mirage/models/user.js
+++ b/mirage/models/user.js
@@ -1,6 +1,8 @@
-import { Model, belongsTo } from 'miragejs';
+import { Model, belongsTo, hasMany } from 'miragejs';
export default Model.extend({
allowance: belongsTo(),
installation: belongsTo('installation', { embed: true, inverse: 'owner' }),
+ envVars: hasMany(),
+ settings: hasMany(),
});
diff --git a/tests/integration/components/account-env-var-test.js b/tests/integration/components/account-env-var-test.js
new file mode 100644
index 0000000000..fda1059101
--- /dev/null
+++ b/tests/integration/components/account-env-var-test.js
@@ -0,0 +1,43 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+import { setupMirage } from 'ember-cli-mirage/test-support';
+import EmberObject from '@ember/object';
+
+module('Integration | Component | account-env-var', function (hooks) {
+ setupRenderingTest(hooks);
+ setupMirage(hooks);
+
+ test('it renders an account-env-var with public value', async function (assert) {
+ assert.expect(2);
+
+ const envVar = EmberObject.create({
+ name: 'TEST_VAR',
+ value: 'TEST',
+ public: true
+ });
+ this.set('envVar', envVar);
+
+ await render(hbs`{{account-env-var envVar=this.envVar}}`);
+
+ assert.dom('.env-var-name').hasText(envVar['name'], 'name should be displayed');
+ assert.dom('.env-var-value input').hasValue(envVar['value'], 'value should be visible');
+ });
+
+ test('it renders an account-env-var with private value', async function (assert) {
+ assert.expect(2);
+
+ const envVar = EmberObject.create({
+ name: 'TEST_VAR',
+ value: 'TEST',
+ public: false
+ });
+ this.set('envVar', envVar);
+
+ await render(hbs`{{account-env-var envVar=this.envVar}}`);
+
+ assert.dom('.env-var-name').hasText(envVar['name'], 'name should be displayed');
+ assert.dom('.env-var-value input').hasValue('••••••••••••••••', 'value should be hidden');
+ });
+});
diff --git a/tests/integration/components/add-account-env-var-test.js b/tests/integration/components/add-account-env-var-test.js
new file mode 100644
index 0000000000..9e5a089425
--- /dev/null
+++ b/tests/integration/components/add-account-env-var-test.js
@@ -0,0 +1,62 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render, fillIn, click } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+import { setupMirage } from 'ember-cli-mirage/test-support';
+import signInUser from 'travis/tests/helpers/sign-in-user';
+
+module('Integration | Component | add-account-env-var', function (hooks) {
+ setupRenderingTest(hooks);
+ setupMirage(hooks);
+
+ test('it renders an account-env-var with public value', async function (assert) {
+ assert.expect(2);
+
+ const currentUser = this.server.create('user');
+ signInUser(currentUser);
+
+ await render(hbs`{{add-account-env-var}}`);
+
+ assert.dom('.env-name').exists('name should be displayed');
+ assert.dom('.env-value').exists('value should be visible');
+ });
+
+ test('it updates the public flag when toggled', async function (assert) {
+ assert.expect(2);
+
+ const currentUser = this.server.create('user');
+ signInUser(currentUser);
+
+ await render(hbs`{{add-account-env-var}}`);
+ assert.dom('.display-value-switch button').doesNotHaveClass('active', 'public flag should be off by default');
+
+ await click('.display-value-switch button');
+ assert.dom('.display-value-switch button').hasClass('active', 'public flag should be on after clicking');
+ });
+
+ test('it displays an error if name is blank', async function (assert) {
+ assert.expect(1);
+
+ const currentUser = this.server.create('user');
+ signInUser(currentUser);
+
+ await render(hbs`{{add-account-env-var}}`);
+ await fillIn('.env-value', 'test value');
+ await click('.form-submit');
+
+ assert.dom('[data-test-name-error]').containsText('This field is required', 'error message should be for missing name');
+ });
+
+ test('it displays an error if value is blank', async function (assert) {
+ assert.expect(1);
+
+ const currentUser = this.server.create('user');
+ signInUser(currentUser);
+
+ await render(hbs`{{add-account-env-var}}`);
+ await fillIn('.env-name', 'TEST_VAR');
+ await click('.add-account-env-form-submit');
+
+ assert.dom('[data-test-value-error]').containsText('This field is required', 'error message should be for missing name');
+ });
+});