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: sideways-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 #sidewaysLr writing-mode: sideways-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