| <!DOCTYPE html> |
| <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> |
| <script src="/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> |
| <script src="/bower_components/web-component-tester/browser.js"></script> |
| |
| <link rel="import" href="/bower_components/polymer/polymer.html"> |
| |
| <title>gr-checkers-list-view</title> |
| <link rel="import" href="gr-checkers-list.html"> |
| |
| <test-fixture id="basic"> |
| <template is="dom-template"> |
| <gr-checkers-list |
| plugin-rest-api="[[pluginRestApi]]" |
| > |
| </gr-checkers-list> |
| </template> |
| </test-fixture> |
| |
| <script> |
| const CHECKERS = [ |
| { |
| "uuid":"C:D", |
| "name":"A", |
| "description":"B", |
| "repository":"Backend", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-25 13:08:43.000000000", |
| "updated":"2019-07-25 13:08:43.000000000" |
| }, |
| { |
| "uuid":"aa:bb", |
| "name":"n1", |
| "description":"d1", |
| "repository":"All-Users", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-29 13:07:17.000000000", |
| "updated":"2019-07-29 13:07:17.000000000" |
| }, |
| { |
| "uuid":"adsf:asdasdas", |
| "name":"ds", |
| "description":"s", |
| "repository":"Scripts", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-29 13:28:09.000000000", |
| "updated":"2019-07-29 13:28:09.000000000" |
| }, |
| { |
| "uuid":"ijkl:mnop", |
| "name":"abcd", |
| "description":"efgh", |
| "repository":"All-Projects", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-29 09:33:25.000000000", |
| "updated":"2019-07-29 09:33:25.000000000" |
| }, |
| { |
| "uuid":"ngfnf:mhghgnhghn", |
| "name":"nbvfg", |
| "description":"fjhgj", |
| "repository":"All-Users", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-08-06 14:21:34.000000000", |
| "updated":"2019-08-06 14:21:34.000000000" |
| }, |
| { |
| "uuid":"sdfsdf--:sdfsdf333", |
| "name":"sdfsdf", |
| "description":"sdfsdfsd", |
| "repository":"Scripts", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-30 13:00:19.000000000", |
| "updated":"2019-07-30 13:00:19.000000000" |
| }, |
| { |
| "uuid":"test:checker1", |
| "name":"Unit Tests", |
| "description":"Random description that should be improved at some point", |
| "repository":"Backend", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-22 13:16:52.000000000", |
| "updated":"2019-07-22 14:21:14.000000000" |
| }, |
| { |
| "uuid":"test:checker2", |
| "name":"Code Style", |
| "repository":"Backend", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-22 13:26:56.000000000", |
| "updated":"2019-07-22 13:26:56.000000000" |
| }, |
| { |
| "uuid":"xddf:sdfsdfsdf", |
| "name":"sdfsdf", |
| "description":"sdfsdf", |
| "repository":"Scripts", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-29 14:11:59.000000000", |
| "updated":"2019-07-29 14:11:59.000000000" |
| }, |
| { |
| "uuid":"zxczxc:bnvnbvnbvn", |
| "name":"zxc", |
| "description":"zxc", |
| "repository":"Scripts", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-29 14:00:24.000000000", |
| "updated":"2019-07-29 14:00:24.000000000" |
| }, |
| { |
| "uuid":"zxczxc:sdfsdf", |
| "name":"zxc", |
| "description":"zxc", |
| "repository":"Scripts", |
| "status":"ENABLED", |
| "blocking":[ |
| |
| ], |
| "query":"status:open", |
| "created":"2019-07-29 13:30:47.000000000", |
| "updated":"2019-07-29 13:30:47.000000000" |
| } |
| ]; |
| </script> |
| |
| <script> |
| |
| suite('gr-checkers-list tests', () => { |
| let element; |
| let sandbox; |
| let fetchJSONSpy, fetchJSONPromise, fetchJSONResolve; |
| |
| setup((done) => { |
| sandbox = sinon.sandbox.create(); |
| |
| fetchJSONSpy = sinon.stub(); |
| const fetchJSONPromise = new Promise((resolve, reject) => { |
| fetchJSONResolve = resolve; |
| }) |
| fetchJSONSpy.returns(fetchJSONPromise) |
| |
| const pluginRestApi = { |
| fetchJSON: fetchJSONSpy, |
| }; |
| |
| element = fixture('basic', { |
| pluginRestApi |
| }); |
| flush(done); |
| }); |
| |
| teardown(() => { sandbox.restore(); }); |
| |
| test('renders checker list table headings', () => { |
| const checkersList = element.$$('table') |
| const headings = checkersList.firstElementChild.firstElementChild. |
| children; |
| const expectedHeadings = ["Checker Name", "Repository", "Status", |
| "Required", "Checker Description", "Edit"]; |
| for (let i = 0;i < headings.length;i++) { |
| assert(headings[i].innerText === expectedHeadings[i]); |
| } |
| }); |
| |
| test('create checker button renders', () => { |
| assert(element.querySelector('#createNewContainer')); |
| const button = element.querySelector('#createNewContainer') |
| .querySelector('gr-button'); |
| assert(button); |
| assert(button.innerText === 'Create New'); |
| }); |
| |
| suite('with checkers', () => { |
| setup((done) => { |
| fetchJSONResolve(CHECKERS); |
| flush(done); |
| }) |
| test('renders correct number of checkers', () => { |
| const checkers = element.$$('table > tbody:nth-child(2)') |
| .querySelectorAll('tr'); |
| assert(checkers.length === CHECKERS.length); |
| }) |
| test('renders correct checkers', () => { |
| const checkers = element.$$('table > tbody:nth-child(2)') |
| .querySelectorAll('tr'); |
| for (let i = 0;i < checkers.length;i++) { |
| const checkerDetails = checkers[i].querySelectorAll('td'); |
| assert(CHECKERS[i].name === checkerDetails[0].innerText); |
| assert(CHECKERS[i].repository === checkerDetails[1].innerText); |
| const status = CHECKERS[i].status || "NO"; |
| assert(status === checkerDetails[2].innerText); |
| const checkerRequired = (CHECKERS[i].blocking && |
| CHECKERS[i].blocking.length > 0) |
| ? "YES": "NO"; |
| assert(checkerRequired === checkerDetails[3].innerText); |
| const description = CHECKERS[i].description || ''; |
| assert(description === checkerDetails[4].innerText); |
| } |
| }) |
| }); |
| |
| }); |
| </script> |
