Style Editor Tests - Revision history

Tavmjong: /* Style Editor Tests */

2016-09-27T11:37:57Z

Style Editor Tests

← Older revision		Revision as of 11:37, 27 September 2016
Line 24:		Line 24:
	3. When the xpand tree icon (usually ☒ or arrow) is clicked, the tree should expand and should show "ⓧ #rect10".		3. When the xpand tree icon (usually ☒ or arrow) is clicked, the tree should expand and should show "ⓧ #rect10".

	Status: Pass.		Status: <span style="color:green">Pass</span>.

	2. Select simple ID selector via selecting object on canvas.		2. Select simple ID selector via selecting object on canvas.
Line 35:		Line 35:
	1. The "'+' ⊞ #rect10" line in the Style dialog should be selected (highlighted in blue).		1. The "'+' ⊞ #rect10" line in the Style dialog should be selected (highlighted in blue).

	Status: Pass		Status: <span style="color:green">Pass</span>.

	3. Select object on canvas via using simple ID selector in Style dialog.		3. Select object on canvas via using simple ID selector in Style dialog.
Line 46:		Line 46:
	1. The rectangle object on the canvas is selected.		1. The rectangle object on the canvas is selected.

	Status: Pass		Status: <span style="color:green">Pass</span>.

	4. Deletion of simple ID selector.		4. Deletion of simple ID selector.
Line 57:		Line 57:
	2. The "#rect10 { ... } line in the <style> element in the XML editor should be deleted.		2. The "#rect10 { ... } line in the <style> element in the XML editor should be deleted.

	Status: Pass		Status: <span style="color:green">Pass</span>.

	== Simple Class Selector Tests ==		== Simple Class Selector Tests ==
Line 75:		Line 75:
	4. When the expand tree icon (usually ⊞ or arrow) is clicked, the tree should expand and should show "ⓧ #rect10".		4. When the expand tree icon (usually ⊞ or arrow) is clicked, the tree should expand and should show "ⓧ #rect10".

	Status: Pass.		Status: <span style="color:green">Pass</span>.

	2. Select simple class selector via selecting object on canvas.		2. Select simple class selector via selecting object on canvas.
Line 86:		Line 86:
	1. The "'+' ⊞ .red" line in the Style dialog should be selected (highlighted in blue).		1. The "'+' ⊞ .red" line in the Style dialog should be selected (highlighted in blue).

	Status: Pass		Status: <span style="color:green">Pass</span>.

	3. Select object on canvas via using simple class selector in Style dialog.		3. Select object on canvas via using simple class selector in Style dialog.
Line 97:		Line 97:
	1. The rectangle object on the canvas is selected.		1. The rectangle object on the canvas is selected.

	Status: Pass		Status: <span style="color:green">Pass</span>.

	4. Removal of class selector value.		4. Removal of class selector value.
Line 108:		Line 108:
	1. The 'class' attribute in <rect id="rect10".../> is removed. (Since 'red' was the only entry in the 'class' value, its removal causes the 'class' to be removed.)		1. The 'class' attribute in <rect id="rect10".../> is removed. (Since 'red' was the only entry in the 'class' value, its removal causes the 'class' to be removed.)

	Status: Fail. On the first click, a duplicate entry is created in the subtree.		Status: <span style="color:red">Fail</span>. On the first click, a duplicate entry is created in the subtree.

	5. Deletion of simple class selector.		5. Deletion of simple class selector.
Line 120:		Line 120:
	3. The "class" attribute in the rectangle should not change.		3. The "class" attribute in the rectangle should not change.

	Status: Pass.		Status: <span style="color:green">Pass</span>.

	== Adding Object to Class Selector Tests ==		== Adding Object to Class Selector Tests ==
Line 163:		Line 163:
	3. If click on any row is a single-click, the CSS pane hides.		3. If click on any row is a single-click, the CSS pane hides.

	Status: Pass		Status: <span style="color:green">Pass</span>.

	== Modifying a CSS Property from CSS Pane ==		== Modifying a CSS Property from CSS Pane ==
Line 177:		Line 177:
	All properties can be changed similarly with valid values after modifying text content.		All properties can be changed similarly with valid values after modifying text content.

	Status: Pass		Status: <span style="color:green">Pass</span>.

	== Adding CSS Property using CSS pane ==		== Adding CSS Property using CSS pane ==
Line 191:		Line 191:
	More CSS properties can be added similarly with valid values.		More CSS properties can be added similarly with valid values.

	Status Fail (often results in .red { fill:red; ;}) (note missing property between "; ;".)		Status <span style="color:red">Fail</span> (often results in .red { fill:red; ;}) (note missing property between "; ;".)

	== Deleting CSS Property from CSS Pane ==		== Deleting CSS Property from CSS Pane ==
Line 204:		Line 204:
	3. The fill color of objects associated with ".red" selector is unset and it is black now.		3. The fill color of objects associated with ".red" selector is unset and it is black now.

	Status: Pass		Status: <span style="color:green">Pass</span>.

Tavmjong: /* Simple Class Selector Tests */

2016-09-27T11:34:24Z

Simple Class Selector Tests

← Older revision		Revision as of 11:34, 27 September 2016
Line 73:		Line 73:
	2. An entry should be added to the <style> element in the XML editor: ".red { ... }.		2. An entry should be added to the <style> element in the XML editor: ".red { ... }.
	3. A "class" attribute should be added with value "red" to the rectangle with the id of "rect10".		3. A "class" attribute should be added with value "red" to the rectangle with the id of "rect10".
			4. When the expand tree icon (usually ⊞ or arrow) is clicked, the tree should expand and should show "ⓧ #rect10".

	Status: ~~Fail: The expand tree icon (usually ⊞ or arrow) is missing. When clicked, the tree should expand and should show "ⓧ #rect10"~~.		Status: Pass.

	2. Select simple class selector via selecting object on canvas.		2. Select simple class selector via selecting object on canvas.
Line 107:		Line 108:
	1. The 'class' attribute in <rect id="rect10".../> is removed. (Since 'red' was the only entry in the 'class' value, its removal causes the 'class' to be removed.)		1. The 'class' attribute in <rect id="rect10".../> is removed. (Since 'red' was the only entry in the 'class' value, its removal causes the 'class' to be removed.)

	Status: Fail. ~~The ⊞ icon~~ is ~~missing so~~ the subtree ~~cannot be expanded to show the entry for the rectangle~~.		Status: Fail. On the first click, a duplicate entry is created in the subtree.

	5. Deletion of simple class selector.		5. Deletion of simple class selector.
Line 117:		Line 118:
	1. The "'+' ⊞ .red" line in the Style dialog disappears.		1. The "'+' ⊞ .red" line in the Style dialog disappears.
	2. The ".red { ... }" line in the <style> element in the XML editor should be deleted.		2. The ".red { ... }" line in the <style> element in the XML editor should be deleted.
			3. The "class" attribute in the rectangle should not change.

	Status: Pass.		Status: Pass.

Tavmjong: /* Simple ID Selector Tests */

2016-09-27T11:27:06Z

Simple ID Selector Tests

← Older revision		Revision as of 11:27, 27 September 2016
Line 22:		Line 22:
	1. An entry should be added in the Style dialog showing "'+' ⊞ #rect10".		1. An entry should be added in the Style dialog showing "'+' ⊞ #rect10".
	2. An entry should be added to the <style> element in the XML editor: "#rect10 { ... }.		2. An entry should be added to the <style> element in the XML editor: "#rect10 { ... }.
			3. When the xpand tree icon (usually ☒ or arrow) is clicked, the tree should expand and should show "ⓧ #rect10".

	Status: ~~Fail: The expand tree icon (usually ☒ or arrow) is missing. When clicked, the tree should expand and should show "ⓧ #rect10"~~.		Status: Pass.

	2. Select simple ID selector via selecting object on canvas.		2. Select simple ID selector via selecting object on canvas.

Tavmjong: /* Simple Class Selector Tests */

2016-08-15T18:51:47Z

Simple Class Selector Tests

← Older revision		Revision as of 18:51, 15 August 2016
Line 73:		Line 73:
	3. A "class" attribute should be added with value "red" to the rectangle with the id of "rect10".		3. A "class" attribute should be added with value "red" to the rectangle with the id of "rect10".

	Status: Fail: The expand tree icon (⊞) is missing. When clicked, the tree should expand and should show "ⓧ #rect10".		Status: Fail: The expand tree icon (usually ⊞ or arrow) is missing. When clicked, the tree should expand and should show "ⓧ #rect10".
	~~--> An arrow shows up as an expand tree icon, clicking which tree expands and shows "ⓧ #rect10". (OS - Ubuntu~~
	~~14.04)~~

	2. Select simple class selector via selecting object on canvas.		2. Select simple class selector via selecting object on canvas.

Tavmjong: /* Simple ID Selector Tests */

2016-08-15T18:51:07Z

Simple ID Selector Tests

← Older revision		Revision as of 18:51, 15 August 2016
Line 23:		Line 23:
	2. An entry should be added to the <style> element in the XML editor: "#rect10 { ... }.		2. An entry should be added to the <style> element in the XML editor: "#rect10 { ... }.

	Status: Fail: The expand tree icon (☒) is missing. When clicked, the tree should expand and should show "ⓧ #rect10".		Status: Fail: The expand tree icon (usually ☒ or arrow) is missing. When clicked, the tree should expand and should show "ⓧ #rect10".
	~~--> An arrow shows up as an expand tree icon, clicking which tree expands and shows "ⓧ #rect10". (OS - Ubuntu~~
	~~14.04)~~

	2. Select simple ID selector via selecting object on canvas.		2. Select simple ID selector via selecting object on canvas.

Kamalpreet at 16:20, 15 August 2016

2016-08-15T16:20:31Z

← Older revision		Revision as of 16:20, 15 August 2016
Line 24:		Line 24:

	Status: Fail: The expand tree icon (☒) is missing. When clicked, the tree should expand and should show "ⓧ #rect10".		Status: Fail: The expand tree icon (☒) is missing. When clicked, the tree should expand and should show "ⓧ #rect10".
			--> An arrow shows up as an expand tree icon, clicking which tree expands and shows "ⓧ #rect10". (OS - Ubuntu
			14.04)

	2. Select simple ID selector via selecting object on canvas.		2. Select simple ID selector via selecting object on canvas.
Line 74:		Line 76:

	Status: Fail: The expand tree icon (⊞) is missing. When clicked, the tree should expand and should show "ⓧ #rect10".		Status: Fail: The expand tree icon (⊞) is missing. When clicked, the tree should expand and should show "ⓧ #rect10".
			--> An arrow shows up as an expand tree icon, clicking which tree expands and shows "ⓧ #rect10". (OS - Ubuntu
			14.04)

	2. Select simple class selector via selecting object on canvas.		2. Select simple class selector via selecting object on canvas.
Line 145:		Line 149:
	1. The "ⓧ #rect14" row in the Style dialog disappears.		1. The "ⓧ #rect14" row in the Style dialog disappears.
	X. No! -> The "#rect10 { ... } line in the <style> element in the XML editor should be deleted.		X. No! -> The "#rect10 { ... } line in the <style> element in the XML editor should be deleted.
			--> Shouldn't "#rect14 { ... } line in the <style> element in the XML editor should be deleted?
	2. The "class" attribute of #rect14 which had only "red" value is unset and deleted now.		2. The "class" attribute of #rect14 which had only "red" value is unset and deleted now.

Tavmjong: /* Modifying a CSS Property from CSS Pane */

2016-08-12T14:56:58Z

Modifying a CSS Property from CSS Pane

← Older revision		Revision as of 14:56, 12 August 2016
Line 172:		Line 172:
	3. The changes are reflected in the drawing with the object having class ".red" filled with yellow color.		3. The changes are reflected in the drawing with the object having class ".red" filled with yellow color.
	All properties can be changed similarly with valid values after modifying text content.		All properties can be changed similarly with valid values after modifying text content.

			Status: Pass

	== Adding CSS Property using CSS pane ==		== Adding CSS Property using CSS pane ==

Tavmjong: /* Deleting CSS Property from CSS Pane */

2016-08-12T14:55:32Z

Deleting CSS Property from CSS Pane

← Older revision		Revision as of 14:55, 12 August 2016
Line 197:		Line 197:
	blue; }" .		blue; }" .
	3. The fill color of objects associated with ".red" selector is unset and it is black now.		3. The fill color of objects associated with ".red" selector is unset and it is black now.

			Status: Pass

Tavmjong: /* Double-clicking a Selector Row */

2016-08-12T14:50:27Z

Double-clicking a Selector Row

← Older revision		Revision as of 14:50, 12 August 2016
Line 158:		Line 158:
	"ⓧ stroke: blue"		"ⓧ stroke: blue"
	3. If click on any row is a single-click, the CSS pane hides.		3. If click on any row is a single-click, the CSS pane hides.

			Status: Pass

	== Modifying a CSS Property from CSS Pane ==		== Modifying a CSS Property from CSS Pane ==

Tavmjong: /* Adding CSS Property using CSS pane */

2016-08-12T14:49:54Z

Adding CSS Property using CSS pane

← Older revision		Revision as of 14:49, 12 August 2016
Line 182:		Line 182:
	3. The changes are reflected in the drawing with the objects', having class ".red", stroke-width set to the entered value.		3. The changes are reflected in the drawing with the objects', having class ".red", stroke-width set to the entered value.
	More CSS properties can be added similarly with valid values.		More CSS properties can be added similarly with valid values.

			Status Fail (often results in .red { fill:red; ;}) (note missing property between "; ;".)

	== Deleting CSS Property from CSS Pane ==		== Deleting CSS Property from CSS Pane ==