I am trying to check the elements on this images also dragging and changing the start and end points.
Wanted to understand is there any how I can add tests for this images in cypress.
I am unable to find the elements in developer tool to select or get,
The HTML looks like this below.
<div class="viewport-element" style="position: relative; width: 100%; height: 100%;"><canvas class="cornerstone-canvas" width="856" height="839" style="position: absolute; width: 100%; height: 100%;"></canvas><svg class="svg-layer" id="svg-layer-vp-lateral-results" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; pointer-events: none; position: absolute;"><defs><filter id="shadow-svg-layer-vp-lateral-results" filterUnits="userSpaceOnUse"><feOffset result="offOut" in="SourceGraphic" dx="0.5" dy="0.5"></feOffset><feColorMatrix result="matrixOut" in="offOut" in2="matrix" values="0.2 0 0 0 0 0 0.2 0 0 0 0 0 0.2 0 0 0 0 0 1 0"></feColorMatrix><feBlend in="SourceGraphic" in2="matrixOut" mode="normal"></feBlend></filter></defs><polyline points="92.46467644218247, 171.30940099088284 92.77341596767104, 171.11459656892038 94.00551157232785, 170.47506128842014 95.2653486869645, 169.98278178756792 96.58653291533139, 169.73931208443773 97.8647524914243, 169.61492097033798 99.26955089303277, 169.37743769647886 100.61924569676006, 169.1802271719208 101.92364205148792, 169.02009429486142 103.06230695708663, 168.83438398446907 104.27156555459585, 168.5995809227632 105.45938269318654, 168.42923190555658 106.8123358192258, 168.34436630693827 108.14974290331588, 168.225678425143 109.49114841319879, 168.09488923485506 110.7301162990473, 168.00332691204193 112.08865247389981, 167.85784694623217 113.49722663508253, 167.69955587543026 114.71177513740554, 167.56046584597235 116.1713190385555, 167.48100321526027 117.448432868678, 167.35143587777802 118.72207857907588, 167.15470800654558 119.98268048211449, 166.8673570488949 121.24250695524854, 166.50874852946126 122.48818448759994, 166.08766957988055 123.69661556781625, 165.6023707704131 124.91434114306328, 165.1198096823511 126.29211250386363, 164.60789894218334 127.53686517766971, 164.19348580757287 128.79188420036965, 163.82266063721326 130.065846189137, 163.60137125691818 131.34547603715131, 163.5530597228838 132.61288759488434, 163.62884672833644 134.05696747791592 .300769900157,349.5532109960796,414.0089979553853,348.27502447810656,413.79766773874843,346.9552858595777,413.6196798649944,345.59274208737395,413.37015264804296,344.4174192841982,413.09547429683505,343.2598041058957,412.72239680783423,341.95189281354976,412.2906788117504,340.70192120456096,411.8119387360397,339.4081819928366,411.37139729810815,338.2735485740724,410.82207088636443,337.20938670028454,410.1681540648886,336.17483847788793,409.34831117371834,335.076504395792,408.51255514644265,334.2344137705534,407.5020966210792,333.41447952819055,406.50379546561203,332.5235526105565,405.5585832639327,331.6564611830053,404.59923737206816,331.03897684395747,403.4393790571875,330.40754848726067,402.28708754287396,329.71085615505547,401.09950230706136,329.0665609978236,399.97527441327895,328.67081537777676,399.4222045771777,328.4978222509314,411.55851152466084,312.742832996286"></polygon></svg></div>