1 files changed, 276 insertions, 0 deletions
diff --git a/server/sonar-web/src/test/js/metrics-spec.js b/server/sonar-web/src/test/js/metrics-spec.js
new file mode 100644
index 00000000000..3556ed5cc09
--- /dev/null
+++ b/server/sonar-web/src/test/js/metrics-spec.js
@@ -0,0 +1,276 @@
+/* globals casper: false */
+var lib = require('../lib'),
+    testName = lib.testName('Metrics');
+
+lib.initMessages();
+lib.changeWorkingDirectory('metrics-spec');
+lib.configureCasper();
+
+casper.test.begin(testName('List'), 9, function (test) {
+  casper
+      .start(lib.buildUrl('metrics'), function () {
+        lib.setDefaultViewport();
+        lib.mockRequestFromFile('/api/metrics/domains', 'domains.json');
+        lib.mockRequestFromFile('/api/metrics/types', 'types.json');
+        lib.mockRequestFromFile('/api/metrics/search', 'search.json');
+      })
+
+      .then(function () {
+        casper.evaluate(function () {
+          require(['apps/metrics/app'], function (App) {
+            App.start({ el: '#metrics' });
+          });
+        });
+      })
+
+      .then(function () {
+        casper.waitForSelector('#metrics-list li');
+      })
+
+      .then(function () {
+        test.assertElementCount('#metrics-list li[data-id]', 3);
+        test.assertSelectorContains('#metrics-list .js-metric-name', 'Business value');
+        test.assertSelectorContains('#metrics-list .js-metric-key', 'business_value');
+        test.assertSelectorContains('#metrics-list .js-metric-domain', 'Complexity');
+        test.assertSelectorContains('#metrics-list .js-metric-type', 'Percent');
+        test.assertSelectorContains('#metrics-list .js-metric-description', 'Description of Business value');
+        test.assertElementCount('#metrics-list .js-metric-update', 3);
+        test.assertElementCount('#metrics-list .js-metric-delete', 3);
+        test.assertSelectorContains('#metrics-list-footer', '3/3');
+      })
+
+      .then(function () {
+        lib.sendCoverage();
+      })
+      .run(function () {
+        test.done();
+      });
+});
+
+
+casper.test.begin(testName('Show More'), 4, function (test) {
+  casper
+      .start(lib.buildUrl('metrics'), function () {
+        lib.setDefaultViewport();
+        lib.mockRequestFromFile('/api/metrics/domains', 'domains.json');
+        lib.mockRequestFromFile('/api/metrics/types', 'types.json');
+        this.searchMock = lib.mockRequestFromFile('/api/metrics/search', 'search-big-1.json');
+      })
+
+      .then(function () {
+        casper.evaluate(function () {
+          require(['apps/metrics/app'], function (App) {
+            App.start({ el: '#metrics' });
+          });
+        });
+      })
+
+      .then(function () {
+        casper.waitForSelector('#metrics-list li');
+      })
+
+      .then(function () {
+        test.assertElementCount('#metrics-list li[data-id]', 2);
+        test.assertSelectorContains('#metrics-list-footer', '2/3');
+        lib.clearRequestMock(this.searchMock);
+        this.searchMock = lib.mockRequestFromFile('/api/metrics/search', 'search-big-2.json', { data: { p: '2' } });
+        casper.click('#metrics-fetch-more');
+        casper.waitForSelectorTextChange('#metrics-list-footer');
+      })
+
+      .then(function () {
+        test.assertElementCount('#metrics-list li[data-id]', 3);
+        test.assertSelectorContains('#metrics-list-footer', '3/3');
+      })
+
+      .then(function () {
+        lib.sendCoverage();
+      })
+      .run(function () {
+        test.done();
+      });
+});
+
+
+casper.test.begin(testName('Create'), 4, function (test) {
+  casper
+      .start(lib.buildUrl('metrics'), function () {
+        lib.setDefaultViewport();
+        lib.mockRequestFromFile('/api/metrics/domains', 'domains.json');
+        lib.mockRequestFromFile('/api/metrics/types', 'types.json');
+        this.searchMock = lib.mockRequestFromFile('/api/metrics/search', 'search.json');
+        this.createMock = lib.mockRequestFromFile('/api/metrics/create', 'error.json', { status: 400 });
+      })
+
+      .then(function () {
+        casper.evaluate(function () {
+          require(['apps/metrics/app'], function (App) {
+            App.start({ el: '#metrics' });
+          });
+          jQuery.ajaxSetup({ dataType: 'json' });
+        });
+      })
+
+      .then(function () {
+        casper.waitForSelector('#metrics-list li');
+      })
+
+      .then(function () {
+        test.assertElementCount('#metrics-list li[data-id]', 3);
+        casper.click('#metrics-create');
+        casper.waitForSelector('#create-metric-form');
+      })
+
+      .then(function () {
+        casper.click('#create-metric-submit');
+        casper.waitForSelector('.alert.alert-danger');
+      })
+
+      .then(function () {
+        lib.clearRequestMock(this.searchMock);
+        lib.mockRequestFromFile('/api/metrics/search', 'search-created.json');
+        lib.clearRequestMock(this.createMock);
+        lib.mockRequest('/api/metrics/create', '{}',
+            { data: { key: 'new_metric', name: 'New Metric', domain: 'Domain for New Metric', type: 'RATING' } });
+        casper.evaluate(function () {
+          jQuery('#create-metric-key').val('new_metric');
+          jQuery('#create-metric-name').val('New Metric');
+          jQuery('#create-metric-domain').val('Domain for New Metric');
+          jQuery('#create-metric-type').val('RATING');
+        });
+        casper.click('#create-metric-submit');
+        casper.waitForSelectorTextChange('#metrics-list-footer');
+      })
+
+      .then(function () {
+        test.assertElementCount('#metrics-list li[data-id]', 4);
+        test.assertSelectorContains('#metrics-list .js-metric-key', 'new_metric');
+        test.assertSelectorContains('#metrics-list .js-metric-name', 'New Metric');
+      })
+
+      .then(function () {
+        lib.sendCoverage();
+      })
+      .run(function () {
+        test.done();
+      });
+});
+
+
+casper.test.begin(testName('Update'), 4, function (test) {
+  casper
+      .start(lib.buildUrl('metrics'), function () {
+        lib.setDefaultViewport();
+        lib.mockRequestFromFile('/api/metrics/domains', 'domains.json');
+        lib.mockRequestFromFile('/api/metrics/types', 'types.json');
+        this.searchMock = lib.mockRequestFromFile('/api/metrics/search', 'search.json');
+        this.updateMock = lib.mockRequestFromFile('/api/metrics/update', 'error.json', { status: 400 });
+      })
+
+      .then(function () {
+        casper.evaluate(function () {
+          require(['apps/metrics/app'], function (App) {
+            App.start({ el: '#metrics' });
+          });
+          jQuery.ajaxSetup({ dataType: 'json' });
+        });
+      })
+
+      .then(function () {
+        casper.waitForSelector('#metrics-list li');
+      })
+
+      .then(function () {
+        casper.click('[data-id="3"] .js-metric-update');
+        casper.waitForSelector('#create-metric-form');
+      })
+
+      .then(function () {
+        casper.click('#create-metric-submit');
+        casper.waitForSelector('.alert.alert-danger');
+      })
+
+      .then(function () {
+        lib.clearRequestMock(this.searchMock);
+        lib.mockRequestFromFile('/api/metrics/search', 'search-updated.json');
+        lib.clearRequestMock(this.createMock);
+        lib.mockRequest('/api/metrics/update', '{}',
+            { data: { id: '3', key: 'updated_key', name: 'Updated Name', domain: 'Random Domain', type: 'WORK_DUR' } });
+        casper.evaluate(function () {
+          jQuery('#create-metric-key').val('updated_key');
+          jQuery('#create-metric-name').val('Updated Name');
+          jQuery('#create-metric-domain').val('Random Domain');
+          jQuery('#create-metric-type').val('WORK_DUR');
+        });
+        casper.click('#create-metric-submit');
+        casper.waitForSelectorTextChange('#metrics-list [data-id="3"] .js-metric-name');
+      })
+
+      .then(function () {
+        test.assertSelectorContains('#metrics-list [data-id="3"] .js-metric-key', 'updated_key');
+        test.assertSelectorContains('#metrics-list [data-id="3"] .js-metric-name', 'Updated Name');
+        test.assertSelectorContains('#metrics-list [data-id="3"] .js-metric-domain', 'Random Domain');
+        test.assertSelectorContains('#metrics-list [data-id="3"] .js-metric-type', 'Duration');
+      })
+
+      .then(function () {
+        lib.sendCoverage();
+      })
+      .run(function () {
+        test.done();
+      });
+});
+
+
+casper.test.begin(testName('Delete'), 1, function (test) {
+  casper
+      .start(lib.buildUrl('metrics'), function () {
+        lib.setDefaultViewport();
+        lib.mockRequestFromFile('/api/metrics/domains', 'domains.json');
+        lib.mockRequestFromFile('/api/metrics/types', 'types.json');
+        this.searchMock = lib.mockRequestFromFile('/api/metrics/search', 'search.json');
+        this.updateMock = lib.mockRequestFromFile('/api/metrics/delete', 'error.json', { status: 400 });
+      })
+
+      .then(function () {
+        casper.evaluate(function () {
+          require(['apps/metrics/app'], function (App) {
+            App.start({ el: '#metrics' });
+          });
+          jQuery.ajaxSetup({ dataType: 'json' });
+        });
+      })
+
+      .then(function () {
+        casper.waitForSelector('#metrics-list li');
+      })
+
+      .then(function () {
+        casper.click('[data-id="3"] .js-metric-delete');
+        casper.waitForSelector('#delete-metric-form');
+      })
+
+      .then(function () {
+        casper.click('#delete-metric-submit');
+        casper.waitForSelector('.alert.alert-danger');
+      })
+
+      .then(function () {
+        lib.clearRequestMock(this.updateMock);
+        lib.mockRequest('/api/metrics/delete', '{}', { data: { ids: '3'} });
+        casper.click('#delete-metric-submit');
+        casper.waitWhileSelector('[data-id="3"]');
+      })
+
+      .then(function () {
+        test.assert(true);
+      })
+
+      .then(function () {
+        lib.sendCoverage();
+      })
+      .run(function () {
+        test.done();
+      });
+});
+