gr-simple-submit-rules-label-config/gr-simple-submit-rules-label-config_test.html - plugins/simple-submit-rules - Git at Google

 <!DOCTYPE html>
 <!--
 @license
 Copyright (C) 2016 The Android Open Source Project

 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

 http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 -->
 <meta name="viewport"
   content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
 <title>gr-simple-submit-rules-label-config</title>

 <script src="../../../polygerrit-ui/app/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
 <script src="../../../polygerrit-ui/app/bower_components/web-component-tester/browser.js"></script>
 <link rel="import"
   href="../../../polygerrit-ui/app/test/common-test-setup.html" />
 <!-- TODO(maximeg) find if there is a better way to do this, like .. not in tests -->
 <link rel="import"
   href="../../../polygerrit-ui/app/elements/shared/gr-select/gr-select.html" />
 <link rel="import"
   href="../../../polygerrit-ui/app/styles/shared-styles.html" />
 <link rel="import"
   href="../../../polygerrit-ui/app/styles/gr-form-styles.html" />

 <link rel="import"
   href="gr-simple-submit-rules-label-config.html">

 <script>void (0);</script>

 <test-fixture id="basic">
   <template>
     <gr-simple-submit-rules-label-config label-name="Verified"
       repo-config='{"labels": {"Verified": {"function": "MaxNoBlock", "copy_scores": []}}}'
       readOnly="false">
     </gr-simple-submit-rules-label-config>
   </template>
 </test-fixture>

 <script>
   const COPY_SCORES = [
     'copyMinScore',
     'copyMaxScore',
     'copyAllScoresOnTrivialRebase',
     'copyAllScoresIfNoCodeChange',
     'copyAllScoresIfNoChange',
     'copyAllScoresOnMergeFirstParentUpdate'
   ];

   suite('gr-simple-submit-rules-label-config tests', () => {
     let element;
     let sandbox;

     setup(() => {
       sandbox = sinon.sandbox.create();

       element = fixture('basic');
     });

     teardown(() => {
       sandbox.restore();
     });

     test('section title is correct', () => {
       assert.equal(element.$$('#options').innerText.indexOf('Label Verified'), 0);
     });

     // The following tests check that changing the function name (from the REST API)
     // has an impact on the displayed settings
     test('function "MaxWithBlock" is properly mapped to UI', done => {
       element.set('_labelConfig.function', 'MaxWithBlock');

       flush(function () {
         assert.ok(element.$$('#negativeBlocks').checked);
         assert.ok(element.$$('#maxVoteRequired').checked);
         assert.equal(element.$$('#functionName select').value, 'MaxWithBlock');
         done();
       });
     });

     test('function "MaxNoBlock" is properly mapped to UI', done => {
       element.set('_labelConfig.function', 'MaxNoBlock');

       flush(function () {
         assert.equal(element.$$('#negativeBlocks').checked, false);
         assert.ok(element.$$('#maxVoteRequired').checked);
         assert.equal(element.$$('#functionName select').value, 'MaxNoBlock');
         done();
       });
     });

     test('function "NoBlock" is properly mapped to UI', done => {
       element.set('_labelConfig.function', 'NoBlock');

       flush(function () {
         assert.equal(element.$$('#negativeBlocks').checked, false);
         assert.equal(element.$$('#maxVoteRequired').checked, false);
         assert.equal(element.$$('#functionName select').value, 'NoBlock');
         done();
       });
     });

     test('function "AnyWithBlock" is properly mapped to UI', done => {
       element.set('_labelConfig.function', 'AnyWithBlock');

       flush(function () {
         assert.ok(element.$$('#negativeBlocks').checked);
         assert.equal(element.$$('#maxVoteRequired').checked, false);
         assert.equal(element.$$('#functionName select').value, 'AnyWithBlock');
         done();
       });
     });

     // The following tests check that changing the function from the UI has a
     // visible impact on the easy checkboxes options, while keeping the function
     // name intact.
     test('picking function "MaxWithBlock" correctly updates the UI', done => {
       element.$$('#functionName select').value = 'MaxWithBlock';
       element.$$('#functionName').dispatchEvent(new Event('change'));

       flush(function () {
         assert.ok(element.$$('#negativeBlocks').checked);
         assert.ok(element.$$('#maxVoteRequired').checked);
         assert.equal(element.$$('#functionName select').value, 'MaxWithBlock');
         done();
       });
     });

     test('picking function "NoBlock" correctly updates the UI', done => {
       element.$$('#functionName select').value = 'NoBlock';
       element.$$('#functionName').dispatchEvent(new Event('change'));

       flush(function () {
         assert.equal(element.$$('#negativeBlocks').checked, false);
         assert.equal(element.$$('#maxVoteRequired').checked, false);
         assert.equal(element.$$('#functionName select').value, 'NoBlock');
         done();
       });
     });

     test('picking function "AnyWithBlock" correctly updates the UI', done => {
       element.$$('#functionName select').value = 'AnyWithBlock';
       element.$$('#functionName').dispatchEvent(new Event('change'));

       flush(function () {
         assert.ok(element.$$('#negativeBlocks').checked);
         assert.equal(element.$$('#maxVoteRequired').checked, false);
         assert.equal(element.$$('#functionName select').value, 'AnyWithBlock');
         done();
       });
     });

     test('picking function "MaxNoBlock" correctly updates the UI', done => {
       element.$$('#functionName select').value = 'MaxNoBlock';
       element.$$('#functionName').dispatchEvent(new Event('change'));

       flush(function () {
         assert.equal(element.$$('#negativeBlocks').checked, false);
         assert.ok(element.$$('#maxVoteRequired').checked);
         assert.equal(element.$$('#functionName select').value, 'MaxNoBlock');
         done();
       });
     });

     // The following tests check that the easy way to define the function
     // ("negative blocks?" and "max vote required?") maps to the right function,
     // without impacting the user choices.
     test('function "MaxWithBlock" is properly suggested from UI', done => {
       element.$$('#negativeBlocks').checked = true;
       element.$$('#negativeBlocks').dispatchEvent(new Event('change'));

       element.$$('#maxVoteRequired').checked = 'true';
       element.$$('#maxVoteRequired').dispatchEvent(new Event('change'));

       flush(function () {
         assert.ok(element.$$('#negativeBlocks').checked);
         assert.ok(element.$$('#maxVoteRequired').checked);
         assert.equal(element.$$('#functionName select').value, 'MaxWithBlock');
         done();
       });
     });

     test('function "NoBlock" is properly suggested from UI', done => {
       element.$$('#negativeBlocks').checked = false;
       element.$$('#negativeBlocks').dispatchEvent(new Event('change'));

       element.$$('#maxVoteRequired').checked = false;
       element.$$('#maxVoteRequired').dispatchEvent(new Event('change'));

       flush(function () {
         assert.equal(element.$$('#negativeBlocks').checked, false);
         assert.equal(element.$$('#maxVoteRequired').checked, false);
         assert.equal(element.$$('#functionName select').value, 'NoBlock');
         done();
       });
     });

     test('function "AnyWithBlock" is properly suggested from UI', done => {
       element.$$('#negativeBlocks').checked = true;
       element.$$('#negativeBlocks').dispatchEvent(new Event('change'));

       element.$$('#maxVoteRequired').checked = false;
       element.$$('#maxVoteRequired').dispatchEvent(new Event('change'));

       flush(function () {
         assert.ok(element.$$('#negativeBlocks').checked);
         assert.equal(element.$$('#maxVoteRequired').checked, false);
         assert.equal(element.$$('#functionName select').value, 'AnyWithBlock');
         done();
       });
     });

     test('function "MaxNoBlock" is properly suggested from UI', done => {
       element.$$('#negativeBlocks').checked = false;

       element.$$('#maxVoteRequired').checked = 'true';
       element.$$('#maxVoteRequired').dispatchEvent(new Event('change'));

       flush(function () {
         assert.equal(element.$$('#negativeBlocks').checked, false);
         assert.ok(element.$$('#maxVoteRequired').checked);
         assert.equal(element.$$('#functionName select').value, 'MaxNoBlock');
         done();
       });
     });

     // The following tests check that "copy scores" are correctly mapped *to* and
     // *from* the UI, for the two possible boolean values.
     for (let copyScoreName of COPY_SCORES) {
       let elName = '#' + copyScoreName;

       test('copyScore.' + copyScoreName + ' [false] is reflected *in* the UI', () => {
         assert.equal(element.$$(elName).checked, false);
       });

       test('copyScore.' + copyScoreName + ' [true] is reflected in the UI', done => {
         element.set('_labelConfig.copy_scores', [copyScoreName]);

         flush(function () {
           assert.ok(element.$$(elName).checked);
           done();
         });
       });
     }


     for (let copyScoreName of COPY_SCORES) {
       let elName = '#' + copyScoreName;

       test('copyScore.' + copyScoreName + ' is reflected *from* the UI', done => {
         element.$$(elName).checked = 'true';
         element.$$(elName).dispatchEvent(new Event('change'));

         flush(function () {
           assert.deepEqual(element.repoConfig.labels.Verified.copy_scores, [copyScoreName]);
           done();
         });
       });
     }

   });
 </script>
	<!DOCTYPE html>
	<!--
	@license
	Copyright (C) 2016 The Android Open Source Project

	Licensed under the Apache License, Version 2.0 (the "License");
	you may not use this file except in compliance with the License.
	You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

	Unless required by applicable law or agreed to in writing, software
	distributed under the License is distributed on an "AS IS" BASIS,
	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	See the License for the specific language governing permissions and
	limitations under the License.
	-->
	<meta name="viewport"
	content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
	<title>gr-simple-submit-rules-label-config</title>

	<script src="../../../polygerrit-ui/app/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
	<script src="../../../polygerrit-ui/app/bower_components/web-component-tester/browser.js"></script>
	<link rel="import"
	href="../../../polygerrit-ui/app/test/common-test-setup.html" />
	<!-- TODO(maximeg) find if there is a better way to do this, like .. not in tests -->
	<link rel="import"
	href="../../../polygerrit-ui/app/elements/shared/gr-select/gr-select.html" />
	<link rel="import"
	href="../../../polygerrit-ui/app/styles/shared-styles.html" />
	<link rel="import"
	href="../../../polygerrit-ui/app/styles/gr-form-styles.html" />

	<link rel="import"
	href="gr-simple-submit-rules-label-config.html">

	<script>void (0);</script>

	<test-fixture id="basic">
	<template>
	<gr-simple-submit-rules-label-config label-name="Verified"
	repo-config='{"labels": {"Verified": {"function": "MaxNoBlock", "copy_scores": []}}}'
	readOnly="false">
	</gr-simple-submit-rules-label-config>
	</template>
	</test-fixture>

	<script>
	const COPY_SCORES = [
	'copyMinScore',
	'copyMaxScore',
	'copyAllScoresOnTrivialRebase',
	'copyAllScoresIfNoCodeChange',
	'copyAllScoresIfNoChange',
	'copyAllScoresOnMergeFirstParentUpdate'
	];

	suite('gr-simple-submit-rules-label-config tests', () => {
	let element;
	let sandbox;

	setup(() => {
	sandbox = sinon.sandbox.create();

	element = fixture('basic');
	});

	teardown(() => {
	sandbox.restore();
	});

	test('section title is correct', () => {
	assert.equal(element.$$('#options').innerText.indexOf('Label Verified'), 0);
	});

	// The following tests check that changing the function name (from the REST API)
	// has an impact on the displayed settings
	test('function "MaxWithBlock" is properly mapped to UI', done => {
	element.set('_labelConfig.function', 'MaxWithBlock');

	flush(function () {
	assert.ok(element.$$('#negativeBlocks').checked);
	assert.ok(element.$$('#maxVoteRequired').checked);
	assert.equal(element.$$('#functionName select').value, 'MaxWithBlock');
	done();
	});
	});

	test('function "MaxNoBlock" is properly mapped to UI', done => {
	element.set('_labelConfig.function', 'MaxNoBlock');

	flush(function () {
	assert.equal(element.$$('#negativeBlocks').checked, false);
	assert.ok(element.$$('#maxVoteRequired').checked);
	assert.equal(element.$$('#functionName select').value, 'MaxNoBlock');
	done();
	});
	});

	test('function "NoBlock" is properly mapped to UI', done => {
	element.set('_labelConfig.function', 'NoBlock');

	flush(function () {
	assert.equal(element.$$('#negativeBlocks').checked, false);
	assert.equal(element.$$('#maxVoteRequired').checked, false);
	assert.equal(element.$$('#functionName select').value, 'NoBlock');
	done();
	});
	});

	test('function "AnyWithBlock" is properly mapped to UI', done => {
	element.set('_labelConfig.function', 'AnyWithBlock');

	flush(function () {
	assert.ok(element.$$('#negativeBlocks').checked);
	assert.equal(element.$$('#maxVoteRequired').checked, false);
	assert.equal(element.$$('#functionName select').value, 'AnyWithBlock');
	done();
	});
	});

	// The following tests check that changing the function from the UI has a
	// visible impact on the easy checkboxes options, while keeping the function
	// name intact.
	test('picking function "MaxWithBlock" correctly updates the UI', done => {
	element.$$('#functionName select').value = 'MaxWithBlock';
	element.$$('#functionName').dispatchEvent(new Event('change'));

	flush(function () {
	assert.ok(element.$$('#negativeBlocks').checked);
	assert.ok(element.$$('#maxVoteRequired').checked);
	assert.equal(element.$$('#functionName select').value, 'MaxWithBlock');
	done();
	});
	});

	test('picking function "NoBlock" correctly updates the UI', done => {
	element.$$('#functionName select').value = 'NoBlock';
	element.$$('#functionName').dispatchEvent(new Event('change'));

	flush(function () {
	assert.equal(element.$$('#negativeBlocks').checked, false);
	assert.equal(element.$$('#maxVoteRequired').checked, false);
	assert.equal(element.$$('#functionName select').value, 'NoBlock');
	done();
	});
	});

	test('picking function "AnyWithBlock" correctly updates the UI', done => {
	element.$$('#functionName select').value = 'AnyWithBlock';
	element.$$('#functionName').dispatchEvent(new Event('change'));

	flush(function () {
	assert.ok(element.$$('#negativeBlocks').checked);
	assert.equal(element.$$('#maxVoteRequired').checked, false);
	assert.equal(element.$$('#functionName select').value, 'AnyWithBlock');
	done();
	});
	});

	test('picking function "MaxNoBlock" correctly updates the UI', done => {
	element.$$('#functionName select').value = 'MaxNoBlock';
	element.$$('#functionName').dispatchEvent(new Event('change'));

	flush(function () {
	assert.equal(element.$$('#negativeBlocks').checked, false);
	assert.ok(element.$$('#maxVoteRequired').checked);
	assert.equal(element.$$('#functionName select').value, 'MaxNoBlock');
	done();
	});
	});

	// The following tests check that the easy way to define the function
	// ("negative blocks?" and "max vote required?") maps to the right function,
	// without impacting the user choices.
	test('function "MaxWithBlock" is properly suggested from UI', done => {
	element.$$('#negativeBlocks').checked = true;
	element.$$('#negativeBlocks').dispatchEvent(new Event('change'));

	element.$$('#maxVoteRequired').checked = 'true';
	element.$$('#maxVoteRequired').dispatchEvent(new Event('change'));

	flush(function () {
	assert.ok(element.$$('#negativeBlocks').checked);
	assert.ok(element.$$('#maxVoteRequired').checked);
	assert.equal(element.$$('#functionName select').value, 'MaxWithBlock');
	done();
	});
	});

	test('function "NoBlock" is properly suggested from UI', done => {
	element.$$('#negativeBlocks').checked = false;
	element.$$('#negativeBlocks').dispatchEvent(new Event('change'));

	element.$$('#maxVoteRequired').checked = false;
	element.$$('#maxVoteRequired').dispatchEvent(new Event('change'));

	flush(function () {
	assert.equal(element.$$('#negativeBlocks').checked, false);
	assert.equal(element.$$('#maxVoteRequired').checked, false);
	assert.equal(element.$$('#functionName select').value, 'NoBlock');
	done();
	});
	});

	test('function "AnyWithBlock" is properly suggested from UI', done => {
	element.$$('#negativeBlocks').checked = true;
	element.$$('#negativeBlocks').dispatchEvent(new Event('change'));

	element.$$('#maxVoteRequired').checked = false;
	element.$$('#maxVoteRequired').dispatchEvent(new Event('change'));

	flush(function () {
	assert.ok(element.$$('#negativeBlocks').checked);
	assert.equal(element.$$('#maxVoteRequired').checked, false);
	assert.equal(element.$$('#functionName select').value, 'AnyWithBlock');
	done();
	});
	});

	test('function "MaxNoBlock" is properly suggested from UI', done => {
	element.$$('#negativeBlocks').checked = false;

	element.$$('#maxVoteRequired').checked = 'true';
	element.$$('#maxVoteRequired').dispatchEvent(new Event('change'));

	flush(function () {
	assert.equal(element.$$('#negativeBlocks').checked, false);
	assert.ok(element.$$('#maxVoteRequired').checked);
	assert.equal(element.$$('#functionName select').value, 'MaxNoBlock');
	done();
	});
	});

	// The following tests check that "copy scores" are correctly mapped to and
	// from the UI, for the two possible boolean values.
	for (let copyScoreName of COPY_SCORES) {
	let elName = '#' + copyScoreName;

	test('copyScore.' + copyScoreName + ' [false] is reflected in the UI', () => {
	assert.equal(element.$$(elName).checked, false);
	});

	test('copyScore.' + copyScoreName + ' [true] is reflected in the UI', done => {
	element.set('_labelConfig.copy_scores', [copyScoreName]);

	flush(function () {
	assert.ok(element.$$(elName).checked);
	done();
	});
	});
	}


	for (let copyScoreName of COPY_SCORES) {
	let elName = '#' + copyScoreName;

	test('copyScore.' + copyScoreName + ' is reflected from the UI', done => {
	element.$$(elName).checked = 'true';
	element.$$(elName).dispatchEvent(new Event('change'));

	flush(function () {
	assert.deepEqual(element.repoConfig.labels.Verified.copy_scores, [copyScoreName]);
	done();
	});
	});
	}

	});
	</script>