| <!DOCTYPE html> |
| <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> |
| <script src="imports.js"></script> |
| <script src="webcomponentsjs/webcomponents-lite.js"></script> |
| <link rel="import" href="polymer/polymer.html"> |
| |
| <title>build-result-item</title> |
| <link rel="import" href="webcomponent_lib/build-result-item.html"> |
| |
| <test-fixture id="basic"> |
| <template is="dom-template"> |
| <build-result-item |
| build="{{build}}" |
| get-trigger="[[getTrigger]]" |
| retry-build="[[retryBuild]]"> |
| </build-result-item> |
| </template> |
| </test-fixture> |
| |
| <script> |
| suite('build-result-item tests', () => { |
| let element; |
| let sandbox; |
| let getTriggerSpy; |
| let resolveGetTrigger; |
| let rejectGetTrigger; |
| let retryBuildSpy; |
| |
| setup((done) => { |
| sandbox = sinon.sandbox.create(); |
| const getTriggerPromise = new Promise((resolve, reject) => { |
| resolveGetTrigger = resolve; |
| rejectGetTrigger = reject; |
| }); |
| getTriggerSpy = sinon.stub(); |
| getTriggerSpy.returns(getTriggerPromise); |
| retryBuildSpy = sinon.stub(); |
| retryBuildSpy.returns(Promise.resolve()); |
| |
| element = fixture('basic', { |
| getTrigger: getTriggerSpy, |
| retryBuild: retryBuildSpy, |
| build: { |
| buildTriggerId: 'test-build-trigger-id', |
| logUrl: 'http://example.com/test-log-url', |
| startTime: "2019-02-06T22:25:19.269Z", |
| finishTime: "2019-02-06T22:25:44.574Z", |
| }, |
| }); |
| flush(done); |
| }); |
| |
| teardown(() => { sandbox.restore(); }); |
| |
| suite('trigger name', () => { |
| test('calls getTrigger', () => { |
| assert.isTrue(getTriggerSpy.called); |
| assert.isTrue(getTriggerSpy.calledWith('test-build-trigger-id')); |
| }); |
| |
| function assertTriggerText(text) { |
| const name = element.$$('td:nth-child(1)'); |
| assert.equal(name.textContent.trim(), text); |
| } |
| |
| suite('on success', () => { |
| setup(done => { |
| resolveGetTrigger({description: 'test trigger name'}); |
| flush(done); |
| }); |
| |
| test('renders the trigger name on success', () => { |
| assertTriggerText('test trigger name'); |
| }); |
| }); |
| |
| suite('on empty response', () => { |
| setup(done => { |
| resolveGetTrigger(); |
| flush(done); |
| }); |
| |
| test('renders the id when there is no description', () => { |
| assertTriggerText('test-build-trigger-id'); |
| }); |
| }); |
| |
| suite('on error', () => { |
| setup(done => { |
| rejectGetTrigger(new Error('broken')); |
| flush(done); |
| }); |
| |
| test('renders the id when the call fails', () => { |
| assertTriggerText('test-build-trigger-id'); |
| }); |
| }); |
| }); |
| |
| test('renders the status', () => { |
| const status = element.$$('td:nth-child(3) > build-result-status'); |
| assert.exists(status); |
| }); |
| |
| test('renders the checking system', () => { |
| const checkingSystem = element.$$('td:nth-child(4)'); |
| assert.equal(checkingSystem .textContent.trim(), "Google Cloud Build"); |
| }); |
| |
| test('renders the run date', () => { |
| const name = element.$$('td:nth-child(5)'); |
| assert.equal(name .textContent.trim(), "2/6/2019"); |
| }); |
| |
| suite('duration', () => { |
| test('renders the run duration', () => { |
| const name = element.$$('td:nth-child(6)'); |
| assert.equal(name .textContent.trim(), "25 sec"); |
| }); |
| |
| test('renders 0 sec when the start and end time are the same', () => { |
| element.build = { |
| buildTriggerId: 'test-build-trigger-id', |
| logUrl: 'http://example.com/test-log-url', |
| startTime: "2019-02-06T22:25:19.269Z", |
| finishTime: "2019-02-06T22:25:19.269Z", |
| }; |
| const name = element.$$('td:nth-child(6)'); |
| assert.equal(name .textContent.trim(), "0 sec"); |
| }); |
| }); |
| |
| test('renders a link to the log', () => { |
| const logLink = element.$$('td:nth-child(7) > a'); |
| assert.equal(logLink.getAttribute('href'), "http://example.com/test-log-url"); |
| assert.equal(logLink.textContent.trim(), "View log"); |
| }); |
| |
| suite('retryBuild', () => { |
| let retryBuildLink; |
| |
| setup(() => { |
| retryBuildLink = element.$$('td:nth-child(7) > gr-button'); |
| }); |
| |
| test('shows a link to the log url', () => { |
| assert.equal(retryBuildLink.textContent.trim(), "Re-run"); |
| }); |
| |
| test('clicking on the link calls the retryBuild property', () => { |
| assert.isFalse(retryBuildSpy.called); |
| retryBuildLink.click(); |
| assert.isTrue(retryBuildSpy.called); |
| }); |
| }); |
| }); |
| </script> |
