This test verifies that similarly-sized grids with different writing-modes share the same grid information but have a different writingMode value.
Node id #horizontalTb writing-mode: horizontal-tb
Grid info: {
"rotationAngle": 0,
"columnTrackSizes": [
{
"x": 100,
"y": 50,
"computedSize": 100,
"authoredSize": "100px"
},
{
"x": 260,
"y": 50,
"computedSize": 200,
"authoredSize": "200px"
}
],
"rowTrackSizes": [
{
"x": 50,
"y": 60,
"computedSize": 20,
"authoredSize": "20px"
},
{
"x": 50,
"y": 105,
"computedSize": 50,
"authoredSize": "50px"
}
],
"rows": [
"M",
50,
50,
"L",
360,
50,
"M",
360,
70,
"L",
50,
70,
"M",
50,
80,
"L",
360,
80,
"M",
360,
130,
"L",
50,
130
],
"rowGaps": [
"M",
50,
70,
"L",
360,
70,
"L",
360,
80,
"L",
50,
80,
"Z"
],
"columns": [
"M",
50,
50,
"L",
50,
130,
"M",
150,
130,
"L",
150,
50,
"M",
160,
50,
"L",
160,
130,
"M",
360,
130,
"L",
360,
50
],
"columnGaps": [
"M",
150,
50,
"L",
160,
50,
"L",
160,
130,
"L",
150,
130,
"Z"
],
"positiveRowLineNumberPositions": [
{
"x": 50,
"y": 50
},
{
"x": 50,
"y": 75
},
{
"x": 50,
"y": 130
}
],
"positiveColumnLineNumberPositions": [
{
"x": 50,
"y": 50
},
{
"x": 155,
"y": 50
},
{
"x": 360,
"y": 50
}
],
"negativeRowLineNumberPositions": [
{
"x": 360,
"y": 50
},
{
"x": 360,
"y": 75
},
{
"x": 360,
"y": 130
}
],
"negativeColumnLineNumberPositions": [
{
"x": 50,
"y": 130
},
{
"x": 155,
"y": 130
},
{
"x": 360,
"y": 130
}
],
"areaNames": {},
"rowLineNameOffsets": [],
"columnLineNameOffsets": [],
"gridBorder": [
"M",
50,
50,
"L",
360,
50,
"L",
360,
130,
"L",
50,
130,
"Z"
],
"gridHighlightConfig": {
"gridBorderDash": false,
"rowLineDash": true,
"columnLineDash": true,
"showGridExtensionLines": true,
"showPositiveLineNumbers": true,
"showNegativeLineNumbers": true,
"showAreaNames": true,
"showLineNames": true,
"gridBorderColor": "rgba(255, 0, 0, 0)",
"rowLineColor": "rgba(128, 0, 0, 0)",
"columnLineColor": "rgba(128, 0, 0, 0)",
"rowGapColor": "rgba(0, 255, 0, 0)",
"columnGapColor": "rgba(0, 0, 255, 0)",
"rowHatchColor": "rgba(255, 255, 255, 0)",
"columnHatchColor": "rgba(128, 128, 128, 0)",
"areaBorderColor": "rgba(255, 0, 0, 0)",
"gridBackgroundColor": "rgba(255, 0, 0, 0)"
},
"isPrimaryGrid": true
}
Node id #verticalRl writing-mode: vertical-rl
Grid info: {
"rotationAngle": 0,
"columnTrackSizes": [
{
"x": 100,
"y": 50,
"computedSize": 100,
"authoredSize": "100px"
},
{
"x": 260,
"y": 50,
"computedSize": 200,
"authoredSize": "200px"
}
],
"rowTrackSizes": [
{
"x": 50,
"y": 60,
"computedSize": 20,
"authoredSize": "20px"
},
{
"x": 50,
"y": 105,
"computedSize": 50,
"authoredSize": "50px"
}
],
"rows": [
"M",
50,
50,
"L",
360,
50,
"M",
360,
70,
"L",
50,
70,
"M",
50,
80,
"L",
360,
80,
"M",
360,
130,
"L",
50,
130
],
"rowGaps": [
"M",
50,
70,
"L",
360,
70,
"L",
360,
80,
"L",
50,
80,
"Z"
],
"columns": [
"M",
50,
50,
"L",
50,
130,
"M",
150,
130,
"L",
150,
50,
"M",
160,
50,
"L",
160,
130,
"M",
360,
130,
"L",
360,
50
],
"columnGaps": [
"M",
150,
50,
"L",
160,
50,
"L",
160,
130,
"L",
150,
130,
"Z"
],
"positiveRowLineNumberPositions": [
{
"x": 50,
"y": 50
},
{
"x": 50,
"y": 75
},
{
"x": 50,
"y": 130
}
],
"positiveColumnLineNumberPositions": [
{
"x": 50,
"y": 50
},
{
"x": 155,
"y": 50
},
{
"x": 360,
"y": 50
}
],
"negativeRowLineNumberPositions": [
{
"x": 360,
"y": 50
},
{
"x": 360,
"y": 75
},
{
"x": 360,
"y": 130
}
],
"negativeColumnLineNumberPositions": [
{
"x": 50,
"y": 130
},
{
"x": 155,
"y": 130
},
{
"x": 360,
"y": 130
}
],
"areaNames": {},
"rowLineNameOffsets": [],
"columnLineNameOffsets": [],
"gridBorder": [
"M",
50,
50,
"L",
360,
50,
"L",
360,
130,
"L",
50,
130,
"Z"
],
"gridHighlightConfig": {
"gridBorderDash": false,
"rowLineDash": true,
"columnLineDash": true,
"showGridExtensionLines": true,
"showPositiveLineNumbers": true,
"showNegativeLineNumbers": true,
"showAreaNames": true,
"showLineNames": true,
"gridBorderColor": "rgba(255, 0, 0, 0)",
"rowLineColor": "rgba(128, 0, 0, 0)",
"columnLineColor": "rgba(128, 0, 0, 0)",
"rowGapColor": "rgba(0, 255, 0, 0)",
"columnGapColor": "rgba(0, 0, 255, 0)",
"rowHatchColor": "rgba(255, 255, 255, 0)",
"columnHatchColor": "rgba(128, 128, 128, 0)",
"areaBorderColor": "rgba(255, 0, 0, 0)",
"gridBackgroundColor": "rgba(255, 0, 0, 0)"
},
"isPrimaryGrid": true
}
Should be the same as #horizontalTb: true
Node id #verticalLr writing-mode: vertical-lr
Grid info: {
"rotationAngle": 0,
"columnTrackSizes": [
{
"x": 100,
"y": 50,
"computedSize": 100,
"authoredSize": "100px"
},
{
"x": 260,
"y": 50,
"computedSize": 200,
"authoredSize": "200px"
}
],
"rowTrackSizes": [
{
"x": 50,
"y": 60,
"computedSize": 20,
"authoredSize": "20px"
},
{
"x": 50,
"y": 105,
"computedSize": 50,
"authoredSize": "50px"
}
],
"rows": [
"M",
50,
50,
"L",
360,
50,
"M",
360,
70,
"L",
50,
70,
"M",
50,
80,
"L",
360,
80,
"M",
360,
130,
"L",
50,
130
],
"rowGaps": [
"M",
50,
70,
"L",
360,
70,
"L",
360,
80,
"L",
50,
80,
"Z"
],
"columns": [
"M",
50,
50,
"L",
50,
130,
"M",
150,
130,
"L",
150,
50,
"M",
160,
50,
"L",
160,
130,
"M",
360,
130,
"L",
360,
50
],
"columnGaps": [
"M",
150,
50,
"L",
160,
50,
"L",
160,
130,
"L",
150,
130,
"Z"
],
"positiveRowLineNumberPositions": [
{
"x": 50,
"y": 50
},
{
"x": 50,
"y": 75
},
{
"x": 50,
"y": 130
}
],
"positiveColumnLineNumberPositions": [
{
"x": 50,
"y": 50
},
{
"x": 155,
"y": 50
},
{
"x": 360,
"y": 50
}
],
"negativeRowLineNumberPositions": [
{
"x": 360,
"y": 50
},
{
"x": 360,
"y": 75
},
{
"x": 360,
"y": 130
}
],
"negativeColumnLineNumberPositions": [
{
"x": 50,
"y": 130
},
{
"x": 155,
"y": 130
},
{
"x": 360,
"y": 130
}
],
"areaNames": {},
"rowLineNameOffsets": [],
"columnLineNameOffsets": [],
"gridBorder": [
"M",
50,
50,
"L",
360,
50,
"L",
360,
130,
"L",
50,
130,
"Z"
],
"gridHighlightConfig": {
"gridBorderDash": false,
"rowLineDash": true,
"columnLineDash": true,
"showGridExtensionLines": true,
"showPositiveLineNumbers": true,
"showNegativeLineNumbers": true,
"showAreaNames": true,
"showLineNames": true,
"gridBorderColor": "rgba(255, 0, 0, 0)",
"rowLineColor": "rgba(128, 0, 0, 0)",
"columnLineColor": "rgba(128, 0, 0, 0)",
"rowGapColor": "rgba(0, 255, 0, 0)",
"columnGapColor": "rgba(0, 0, 255, 0)",
"rowHatchColor": "rgba(255, 255, 255, 0)",
"columnHatchColor": "rgba(128, 128, 128, 0)",
"areaBorderColor": "rgba(255, 0, 0, 0)",
"gridBackgroundColor": "rgba(255, 0, 0, 0)"
},
"isPrimaryGrid": true
}
Should be the same as #horizontalTb: true
Node id #sidewaysRl writing-mode: horizontal-tb
Grid info: {
"rotationAngle": 0,
"columnTrackSizes": [
{
"x": 100,
"y": 50,
"computedSize": 100,
"authoredSize": "100px"
},
{
"x": 260,
"y": 50,
"computedSize": 200,
"authoredSize": "200px"
}
],
"rowTrackSizes": [
{
"x": 50,
"y": 60,
"computedSize": 20,
"authoredSize": "20px"
},
{
"x": 50,
"y": 105,
"computedSize": 50,
"authoredSize": "50px"
}
],
"rows": [
"M",
50,
50,
"L",
360,
50,
"M",
360,
70,
"L",
50,
70,
"M",
50,
80,
"L",
360,
80,
"M",
360,
130,
"L",
50,
130
],
"rowGaps": [
"M",
50,
70,
"L",
360,
70,
"L",
360,
80,
"L",
50,
80,
"Z"
],
"columns": [
"M",
50,
50,
"L",
50,
130,
"M",
150,
130,
"L",
150,
50,
"M",
160,
50,
"L",
160,
130,
"M",
360,
130,
"L",
360,
50
],
"columnGaps": [
"M",
150,
50,
"L",
160,
50,
"L",
160,
130,
"L",
150,
130,
"Z"
],
"positiveRowLineNumberPositions": [
{
"x": 50,
"y": 50
},
{
"x": 50,
"y": 75
},
{
"x": 50,
"y": 130
}
],
"positiveColumnLineNumberPositions": [
{
"x": 50,
"y": 50
},
{
"x": 155,
"y": 50
},
{
"x": 360,
"y": 50
}
],
"negativeRowLineNumberPositions": [
{
"x": 360,
"y": 50
},
{
"x": 360,
"y": 75
},
{
"x": 360,
"y": 130
}
],
"negativeColumnLineNumberPositions": [
{
"x": 50,
"y": 130
},
{
"x": 155,
"y": 130
},
{
"x": 360,
"y": 130
}
],
"areaNames": {},
"rowLineNameOffsets": [],
"columnLineNameOffsets": [],
"gridBorder": [
"M",
50,
50,
"L",
360,
50,
"L",
360,
130,
"L",
50,
130,
"Z"
],
"gridHighlightConfig": {
"gridBorderDash": false,
"rowLineDash": true,
"columnLineDash": true,
"showGridExtensionLines": true,
"showPositiveLineNumbers": true,
"showNegativeLineNumbers": true,
"showAreaNames": true,
"showLineNames": true,
"gridBorderColor": "rgba(255, 0, 0, 0)",
"rowLineColor": "rgba(128, 0, 0, 0)",
"columnLineColor": "rgba(128, 0, 0, 0)",
"rowGapColor": "rgba(0, 255, 0, 0)",
"columnGapColor": "rgba(0, 0, 255, 0)",
"rowHatchColor": "rgba(255, 255, 255, 0)",
"columnHatchColor": "rgba(128, 128, 128, 0)",
"areaBorderColor": "rgba(255, 0, 0, 0)",
"gridBackgroundColor": "rgba(255, 0, 0, 0)"
},
"isPrimaryGrid": true
}
Should be the same as #horizontalTb: true
Codebase Browser
chromium