diff --git a/ui-v2/app/index.html b/ui-v2/app/index.html
index 5029c9906e..1cc4683750 100644
--- a/ui-v2/app/index.html
+++ b/ui-v2/app/index.html
@@ -1,5 +1,5 @@
-
+
@@ -24,7 +24,6 @@
{{content-for "body"}}
-
diff --git a/ui-v2/lib/.eslintrc.js b/ui-v2/lib/.eslintrc.js
new file mode 100644
index 0000000000..548ea343c9
--- /dev/null
+++ b/ui-v2/lib/.eslintrc.js
@@ -0,0 +1,6 @@
+module.exports = {
+ env: {
+ node: true,
+ browser: false,
+ },
+};
diff --git a/ui-v2/lib/startup/index.js b/ui-v2/lib/startup/index.js
new file mode 100644
index 0000000000..64280e1a5a
--- /dev/null
+++ b/ui-v2/lib/startup/index.js
@@ -0,0 +1,17 @@
+/* eslint-env node */
+'use strict';
+
+module.exports = {
+ name: 'startup',
+ isDevelopingAddon: function() {
+ return true;
+ },
+ contentFor: function(type, config) {
+ switch (type) {
+ case 'body':
+ return ``;
+ case 'root-class':
+ return 'ember-loading';
+ }
+ },
+};
diff --git a/ui-v2/lib/startup/package.json b/ui-v2/lib/startup/package.json
new file mode 100644
index 0000000000..b6b50fef95
--- /dev/null
+++ b/ui-v2/lib/startup/package.json
@@ -0,0 +1,6 @@
+{
+ "name": "startup",
+ "keywords": [
+ "ember-addon"
+ ]
+}
diff --git a/ui-v2/package.json b/ui-v2/package.json
index 13642f549c..210c0c8a1b 100644
--- a/ui-v2/package.json
+++ b/ui-v2/package.json
@@ -89,5 +89,10 @@
},
"engines": {
"node": "^4.5 || 6.* || >= 7.*"
+ },
+ "ember-addon": {
+ "paths": [
+ "lib/startup"
+ ]
}
}
diff --git a/ui-v2/tests/acceptance/startup.feature b/ui-v2/tests/acceptance/startup.feature
new file mode 100644
index 0000000000..70e54705ca
--- /dev/null
+++ b/ui-v2/tests/acceptance/startup.feature
@@ -0,0 +1,18 @@
+@setupApplicationTest
+Feature: startup
+ In order to give users an indication as early as possible that they are at the right place
+ As a user
+ I should be able to see a startup logo
+@ignore
+ Scenario: When loading the index.html file into a browser
+ Given 1 datacenter model with the value "dc-1"
+ Then the url should be ''
+ Then "html" has the "ember-loading" class
+ When I visit the services page for yaml
+ ---
+ dc: dc-1
+ ---
+ Then the url should be /dc-1/services
+ Then "html" doesn't have the "ember-loading" class
+
+
diff --git a/ui-v2/tests/acceptance/steps/startup-steps.js b/ui-v2/tests/acceptance/steps/startup-steps.js
new file mode 100644
index 0000000000..c5f07c8043
--- /dev/null
+++ b/ui-v2/tests/acceptance/steps/startup-steps.js
@@ -0,0 +1,10 @@
+import steps from './steps';
+
+// step definitions that are shared between features should be moved to the
+// tests/acceptance/steps/steps.js file
+
+export default function(assert) {
+ return steps(assert).then('I should find a file', function() {
+ assert.ok(true, this.step);
+ });
+}
diff --git a/ui-v2/tests/index.html b/ui-v2/tests/index.html
index 1a85be183f..bb4c9e254e 100644
--- a/ui-v2/tests/index.html
+++ b/ui-v2/tests/index.html
@@ -1,5 +1,5 @@
-
+
diff --git a/ui-v2/tests/steps.js b/ui-v2/tests/steps.js
index 4a429f6bb1..c12af6878b 100644
--- a/ui-v2/tests/steps.js
+++ b/ui-v2/tests/steps.js
@@ -179,7 +179,11 @@ export default function(assert) {
assert.equal(request.url, url, `Expected the request url to be ${url}, was ${request.url}`);
})
.then('the url should be $url', function(url) {
- const current = currentURL();
+ // TODO: nice! $url should be wrapped in ""
+ if (url === "''") {
+ url = '';
+ }
+ const current = currentURL() || '';
assert.equal(current, url, `Expected the url to be ${url} was ${current}`);
})
.then(['I see $num $model', 'I see $num $model model', 'I see $num $model models'], function(
@@ -273,6 +277,15 @@ export default function(assert) {
.then(['I see $property'], function(property, component) {
assert.ok(currentPage[property], `Expected to see ${property}`);
})
+ // TODO: Think of better language
+ // TODO: These should be mergeable
+ .then(['"$selector" has the "$class" class'], function(selector, cls) {
+ // because `find` doesn't work, guessing its sandboxed to ember's container
+ assert.ok(document.querySelector(selector).classList.contains(cls));
+ })
+ .then(['"$selector" doesn\'t have the "$class" class'], function(selector, cls) {
+ assert.ok(!document.querySelector(selector).classList.contains(cls));
+ })
.then('ok', function() {
assert.ok(true);
})