• Area: This feature is computed as

• Area: This feature is computed as area = min(a1, a2) and
is included to provide a “thresholding effect” for the other features.
In this way, CROSSCHECK can ignore size or position
differences in really small elements, which are typically the result
of noise in the data capture rather than the manifestation of
an actual XBI.
• Leaf DOM Text Difference (LDTD): This is a boolean-valued
feature that detects differences in the text content of screen elements.
In our experience, when such differences are caused by
XBIs, they typically pertain to leaf elements in the DOM trees.
Thus, this feature evaluates to true if and only if the elements
being compared are leaf elements of their respective DOM trees,
contain text, and the text in the two nodes differ. Otherwise, this
feature is assigned the value false.
• χ
2
Image Distance (CID): This feature is intended to be the fi-
nal arbiter of equality in comparing screen elements. For this
feature, the images of the respective screen elements are compared
by calculating (1) their image histograms and (2) the χ
2
distance between them. The χ
2
histogram distance has its origins
in the χ
2
test statistic [13] and is computed as
χ
2
(H1, H2) = X
i
(H1(i) − H2(i))2
H1(i) + H2(i)
where H1 and H2 are the histograms of the images of the screen
elements, and the summation index i indicates a bin of the histogram.
3.3 Reporting
In this phase, the differences identified in the previous phase
are grouped into meaningful XBIs and presented to the developer.
To compute the set of XBIs, CROSSCHECK uses the list of tracelevel
differences, T , visual differences, V, and matched screenpairs,
ScreenMatchList, computed by step 3.2.1. To do so, it iterates
through the pairs of matched screens S
1
i
, S2
i and marks those
DOM nodes in that have any visual difference, that is, that appear in
the set of visual differences Vi for this screen-pair. Similarly each
trace-level difference, t ∈ T denotes a missing edge originating
from state S
1
i
to some other state S
1
j
. If this transition was created
by a click on some DOM element e in S
1
i
, then e is marked. This
is done for all trace-level differences (mismatched state transitions)
originating from screens S
1
i or S
2
i
. Finally, all the marked nodes
of the given screen are clustered using the following logic: Two
nodes are clustered together if and only if they have an ancestordescendent
relationship in the DOM tree. This operation gives a
set of clusters C
1
i
(respectively, C
2
i
) for S
1
i
(respectively, S
2
i
). Finally,
these clusters from C
1
i and C
2
i are matched if they contain
nodes that were found to be matching DOM counterparts during
matching performed in step 3.2.2. Each merged cluster denotes an
XBI. A set Li of XBIs is computed for each screen pair (S
1
i
, S2
i )
and included in the report to be presented to the developer.
An example report generated for a real web application3
has been
presented in Figure 2. The top section shows the screenshot from
two browsers (reference browser on the left and target browser on
the right). The bottom section shows the XBIs found by CROSSCHECK
and along with each item in the issue list is indicated the
type of the issue, the location on the screen screen where it was
identified, the DOM xpath of the element that is involved in this
issue and possibly additional debug data by the developer.
3GrantaBooks - http://www.grantabooks.com

ผลลัพธ์ (ไทย) 1:

•ที่ตั้ง: คุณลักษณะนี้คำนวณพื้นที่ =นาที (a1, a2) และเพื่อให้ "ผล thresholding" สำหรับคุณลักษณะอื่น ๆ ได้ในวิธีนี้ CROSSCHECK สามารถละเว้นขนาดหรือตำแหน่งความแตกต่างในองค์ประกอบขนาดเล็ก ซึ่งโดยทั่วไปมีผลเสียงรบกวนในการจับภาพข้อมูลมากกว่าประกาศของXBI เป็นจริง•ใบ DOM ข้อความแตกต่าง (LDTD): เป็นค่า booleanคุณลักษณะที่ตรวจพบความแตกต่างในเนื้อหาข้อความขององค์ประกอบหน้าจอในประสบการณ์ของเรา เมื่อความแตกต่างที่เกิดจากXBIs พวกเขามักจะเกี่ยวข้องกับองค์ประกอบ DOM ต้นไม้ใบไม้ดังนั้น คุณลักษณะนี้ประเมินเป็น true ถ้าและเฉพาะในกรณีองค์ประกอบเปรียบเทียบเป็นองค์ประกอบใบของต้นไม้ DOM ของพวกเขาเกี่ยวข้องประกอบด้วยข้อความ และข้อความในโหนที่สองแตกต่างกัน มิฉะนั้น นี้คุณลักษณะถูกกำหนดเป็นเท็จค่า•Χ2ระยะภาพ (CID): คุณลักษณะนี้มีวัตถุประสงค์จะ หา-nal การตัดสินของความเสมอภาคในการเปรียบเทียบองค์ประกอบหน้าจอ สำหรับเรื่องนี้คุณสมบัติ ภาพหน้าจอตามลำดับมีการเปรียบเทียบองค์ประกอบโดยการคำนวณ (1) ของภาพฮิสโตแกรมและχ (2)2ระยะห่างระหว่างพวกเขา Χการ2ระยะทางฮิสโตแกรมมีต้นกำเนิดในการχ2ทดสอบสถิติ [13] และคำนวณเป็นΧ2(H1, H2) = Xผม(H1(i) − H2(i)) 2H1(i) + H2(i)ที่ H1 และ H2 เป็นฮิสโตแกรมของภาพของหน้าจอองค์ประกอบ และดัชนีรวมที่ผมชี้ให้เห็นช่องเก็บของกราฟ3.3 รายงานในระยะนี้ ความแตกต่างที่ระบุไว้ในขั้นตอนก่อนหน้ามีแบ่งเป็น XBIs มีความหมาย และนำเสนอให้นักพัฒนาการคำนวณชุดของ XBIs, CROSSCHECK ใช้รายการ tracelevelความแตกต่าง T ภาพต่าง V และ screenpairs ตรงกันScreenMatchList คำนวณ โดยขั้นตอน 3.2.1 การทำงาน มันมีการคำนวณซ้ำผ่านคู่ของหน้าจอตรง S1ผม, S2ฉัน และทำเครื่องหมายที่DOM โหนในที่มีความแตกต่างที่มองเห็น คือ ที่ปรากฏในชุดของภาพแตกต่าง Vi สำหรับคู่หน้าจอนี้ ในทำนองเดียวกันแต่ละความต่างของระดับการติดตาม t ∈ T หมายถึงขอบเกิดหายไปจากสถานะ S1ผมบางอื่น ๆ สถานะ S1เจ. ถ้าการเปลี่ยนแปลงนี้ถูกสร้างขึ้นโดยคลิกที่ e บางองค์ประกอบ DOM ใน S1ผมแล้วทำเครื่องหมายอี นี้ตั้งค่าความแตกต่างของระดับการติดตามทั้งหมด (เปลี่ยนสถานะไม่ตรงกัน)เกิดจากหน้าจอ S1ฉันหรือ S2ผม. ในที่สุด ทำเครื่องหมายโหนดทั้งหมดของหน้าจอให้มีคลัสเตอร์โดยใช้ตรรกะดังต่อไปนี้: สองโหนดที่มีคลัสเตอร์ร่วมกันและถ้าหากพวกเขาได้ ancestordescendentความสัมพันธ์ในลำดับของ DOM การดำเนินการนี้ให้มีชุดของคลัสเตอร์ C1ผม(ตามลำดับ C2ผม) สำหรับ S1ผม(ตามลำดับ S2ผม). ในที่สุดคลัสเตอร์เหล่านี้จาก C1ฉันและ C2ผมตรงถ้าประกอบด้วยโหนที่พบว่าสามารถจับคู่โดมคู่ระหว่างจับคู่การดำเนินการในขั้นตอนที่ 3.2.2 แต่ละคลัสเตอร์ผสานหมายถึงการXBI การตั้งค่า Li XBIs คำนวณสำหรับแต่ละจอคู่ (S1ผม, S2i)และรวมอยู่ในรายงานที่จะเสนอให้นักพัฒนารายงานตัวอย่างสร้างขึ้นสำหรับ application3 เป็นเว็บจริงได้รับการแสดงในรูปที่ 2 ส่วนด้านบนแสดงภาพจากสองเบราว์เซอร์ (เบราว์เซอร์อ้างอิงบนเบราว์เซอร์บนซ้ายและเป้าหมายด้านขวา) ส่วนล่างแสดง XBIs พบ โดย CROSSCHECKและรายการจะแสดงพร้อมกับแต่ละรายการในปัญหาชนิดของปัญหา ตำแหน่งบนหน้าจอหน้าจอมันอยู่ที่ไหนระบุ DOM xpath ขององค์ประกอบที่เกี่ยวข้องในการนี้ปัญหาและข้อมูลการตรวจแก้จุดบกพร่องที่อาจเพิ่มเติม โดยนักพัฒนา3GrantaBooks - http://www.grantabooks.com

ผลลัพธ์ (ไทย) 2:

•พื้นที่: คุณลักษณะนี้จะถูกคำนวณเป็นพื้นที่ = นาที (A1, A2) และ
จะถูกรวมไว้เพื่อให้เป็น "ผล Thresholding" สำหรับคุณสมบัติอื่น ๆ .
ด้วยวิธีนี้ crosscheck สามารถละเว้นขนาดหรือตำแหน่งที่
แตกต่างในองค์ประกอบขนาดเล็กมากซึ่งโดยทั่วไปจะมี ผลที่ตามมา
ของเสียงในการเก็บข้อมูลมากกว่าประกาศของ
จริง XBI.
•ใบ DOM ข้อความแตกต่าง (LDTD): นี่คือบูลีนมูลค่า
คุณลักษณะที่ตรวจพบความแตกต่างในเนื้อหาข้อความขององค์ประกอบของหน้าจอ.
ในประสบการณ์ของเราเมื่อดังกล่าว ความแตกต่างที่เกิดจาก
XBIs พวกเขามักจะเกี่ยวข้องกับองค์ประกอบของใบในต้นไม้ DOM ได้.
ดังนั้นคุณลักษณะนี้ตรวจสอบการจริงและถ้าหากองค์ประกอบ
ถูกเปรียบเทียบเป็นองค์ประกอบใบของต้นไม้ DOM ของตน
มีข้อความและข้อความในทั้งสอง โหนดที่แตกต่างกัน มิฉะนั้นนี้
คุณลักษณะมีการกำหนดค่าเท็จ.
•χ
2
ภาพระยะทาง (CID): คุณลักษณะนี้มีวัตถุประสงค์เพื่อเป็น fi-
ตัดสิน NAL ของความเท่าเทียมกันในการเปรียบเทียบองค์ประกอบของหน้าจอ สำหรับเรื่องนี้
คุณลักษณะภาพขององค์ประกอบของหน้าจอนั้นจะเปรียบเทียบ
โดยการคำนวณ (1) histograms ภาพของพวกเขาและ (2) χ
2
ระยะห่างระหว่างพวกเขา χ
2
histogram ระยะทางมีต้นกำเนิด
ในχ
2
สถิติทดสอบ [13] และมีการคำนวณ
χ
2
(H1, H2) = X
ฉัน
(H1 (i) - H2 (i)) 2
H1 (i) + H2 ( i)
ที่ H1 และ H2 มี histograms ของภาพของหน้าจอที่
องค์ประกอบและดัชนีบวกที่ผมแสดงให้เห็นถังของ histogram ก.
3.3 การรายงาน
ในระยะนี้ความแตกต่างที่ระบุไว้ในขั้นตอนก่อนหน้านี้
จะถูกแบ่งออก XBIs มีความหมายและนำเสนอให้กับ นักพัฒนา.
การคำนวณชุดของ XBIs ที่ crosscheck ใช้รายการ TraceLevel
ความแตกต่าง, T, ความแตกต่างของภาพ V และ screenpairs จับคู่
ScreenMatchList คำนวณโดยขั้นตอน 3.2.1 ที่จะทำเช่นนั้นก็ iterates
ผ่านคู่จับคู่หน้าจอเอ
1
ผม
, S2
ผมและทำเครื่องหมายผู้
โหนด DOM ในที่มีความแตกต่างของภาพใด ๆ ที่เป็นที่ปรากฏอยู่ใน
ชุดของความแตกต่างของภาพ Vi สำหรับเรื่องนี้หน้าจอคู่ ในทำนองเดียวกันในแต่ละ
ระดับการติดตามความแตกต่าง, T ∈ T หมายถึงขอบที่ขาดหายไปที่มีต้นกำเนิด
จากรัฐ S
1
ผม
บางส่วนอื่น ๆ ของรัฐ S
1 J

หากการเปลี่ยนแปลงนี้ถูกสร้างขึ้น
โดยคลิกในบาง DOM องค์ประกอบอีใน S a
1
ฉัน
แล้ว E มีการทำเครื่องหมาย นี้
จะทำเพื่อทุกความแตกต่างของระดับการติดตาม (ไม่ตรงกันเปลี่ยนสถานะ)
ที่มีต้นกำเนิดจากหน้าจอ S
1
I หรือ S
2 ฉัน

สุดท้ายทุกโหนดทำเครื่องหมาย
ของหน้าจอให้มีการจัดกลุ่มโดยใช้ตรรกะต่อไปนี้: สอง
โหนดคลัสเตอร์ร่วมกันและถ้าหากพวกเขามี ancestordescendent
ความสัมพันธ์ในต้นไม้ DOM การดำเนินการนี้จะช่วยให้
ชุดของกลุ่ม C
1
ผม
(ตามลำดับ, C
2
ผม
) ของ S
1
ผม
(ตามลำดับ S
2
ฉัน
) สุดท้าย
กลุ่มเหล่านี้จาก C
1
ฉันและ C
2
ผมจะถูกจับคู่ถ้าพวกเขามี
โหนดที่ถูกพบว่ามีการจับคู่ระหว่างคู่ของ DOM
แท็ดำเนินการในขั้นตอนที่ 3.2.2 แต่ละคลัสเตอร์ที่ผสานหมายถึง
XBI ชุดของหลี่ XBIs คำนวณสำหรับแต่ละคู่หน้าจอ (S
1
ผม
, S2
i)
และรวมอยู่ในรายงานที่จะนำเสนอให้กับนักพัฒนา.
รายงานตัวอย่างที่สร้างขึ้นสำหรับ application3 เว็บจริง
ได้รับ
การนำเสนอในรูปที่ 2 ส่วนด้านบน แสดงให้เห็นภาพจาก
สองเบราว์เซอร์ (เบราว์เซอร์อ้างอิงบนเบราว์เซอร์ด้านซ้ายและเป้าหมาย
ทางด้านขวา) ส่วนด้านล่างแสดงให้เห็น XBIs ที่พบโดย crosscheck
และพร้อมกับแต่ละรายการในรายการปัญหาได้รับการระบุ
ประเภทของปัญหาที่ตั้งบนหน้าจอหน้าจอที่มันถูก
ระบุที่ XPath DOM ขององค์ประกอบที่มีส่วนเกี่ยวข้องในเรื่องนี้
ออกและ ข้อมูลการแก้ปัญหาอาจจะเพิ่มเติมโดยนักพัฒนา.
3GrantaBooks - http://www.grantabooks.com

ผลลัพธ์ (ไทย) 3:

พื้นที่บริการ : คุณลักษณะนี้จะคำนวณตามพื้นที่ = MIN ( A1 , A2 ) และอยู่ที่จะให้ " การปรับ Effect " สำหรับคุณสมบัติอื่น ๆในวิธีนี้สามารถละเว้น R ขนาดหรือตำแหน่งความแตกต่างในองค์ประกอบที่เล็กจริงๆ ซึ่งโดยทั่วไปแล้ว ผลเสียงในการเก็บข้อมูลมากกว่าเครื่องของเป็น xbi ที่แท้จริง- ใบดอมข้อความแตกต่าง ( ldtd ) : นี่คือตรรกะมูลค่าคุณสมบัติตรวจจับความแตกต่างในเนื้อหาข้อความขององค์ประกอบหน้าจอในประสบการณ์ของเรา เมื่อความแตกต่างดังกล่าวเกิดจากxbis พวกเขามักจะเกี่ยวข้องกับองค์ประกอบ DOM ใบในต้นไม้ดังนั้น คุณลักษณะนี้จะประเมินจริง ถ้าและเพียงถ้าองค์ประกอบการเปรียบเทียบองค์ประกอบของต้นไม้ใบไม้ดอมของตน ,มีข้อความและข้อความในสองจุดที่ต่างกัน มิฉะนั้น ,คุณลักษณะที่กำหนดค่าเท็จบริการχ2ภาพระยะไกล ( CID ) : คุณลักษณะนี้มีวัตถุประสงค์เพื่อเป็น fi -ผู้ชี้ขาด นาล ความเสมอภาคในการเปรียบเทียบองค์ประกอบหน้าจอ สำหรับนี้สารคดีภาพองค์ประกอบหน้าจอดับ เปรียบเทียบโดยการคำนวณ ( 1 ) ฮิสโตแกรมของภาพ และ ( 2 ) χ2ระยะห่างระหว่างพวกเขา การχ2กราฟระยะทาง มีถิ่นกําเนิดในχ2สถิติทดสอบ [ 13 ] และจะคำนวณเป็นχ2( H1 , H2 ) = xฉัน( H1 H2 ( ฉัน ) − ( ฉัน ) 2ไอ ( ฉัน ) + H2 ( ฉัน )และที่ H1 H2 เป็นฮิสโตแกรมของภาพจากหน้าจอองค์ประกอบและดัชนีบ่งชี้การผมบินของฮิสโตแกรม3.3 รายงานในขั้นตอนนี้ ความแตกต่างที่ระบุไว้ในขั้นตอนก่อนหน้าจะถูกจัดกลุ่มในความหมาย xbis และนำเสนอเพื่อนักพัฒนาหาชุด xbis R , การใช้รายการของ tracelevelความแตกต่าง , T , เห็นความแตกต่าง , V , screenpairs และการจับคู่ ,screenmatchlist คำนวณโดยขั้นตอนการดำเนินงาน . ทำดังนั้น กล่าวย้ำผ่านคู่ของหน้าจอของจับคู่1ฉัน, S2ฉันและเครื่องหมายนั้นดอม จุดที่แตกต่างของภาพ นั่นคือ ที่ปรากฏในชุดของภาพที่แตกต่างกัน 6 คู่หน้าจอนี้ ในทำนองเดียวกัน แต่ละติดตามความแตกต่างระดับ T T ∈แสดงขอบที่ขาดหายไปจากสถานะของ1ฉันบางรัฐอื่น ๆของ1เจ. ถ้าการเปลี่ยนแปลงนี้ถูกสร้างโดยคลิกที่บางองค์ประกอบ DOM และ s1ฉันแล้ว E เป็นเครื่องหมาย นี้ทำสำหรับทุกระดับความแตกต่างติดตาม ( ไม่ตรงกันรัฐเปลี่ยน )ที่มาจากหน้าจอของ1ฉันหรือเ2ฉัน. สุดท้าย ทั้งหมดจำนวนโหนดของหน้าจอให้มีการจัดกลุ่มโดยใช้ตรรกะดังต่อไปนี้สองโหนดมีการจัดกลุ่มเข้าด้วยกัน ถ้าและเพียงถ้าพวกเขามี ancestordescendentความสัมพันธ์ในต้นไม้ DOM งานนี้ให้ชุดของกลุ่ม ซี1ฉัน( C )2ฉัน) สำหรับ s1ฉัน( ตามลำดับของ2ฉัน) ในที่สุดเหล่านี้กลุ่มจากซี1ฉัน และ ซี2ผมมีคู่ถ้าพวกเขาประกอบด้วยจุดที่พบว่ามีการจับคู่ระหว่าง ดอมการจับคู่ปฏิบัติในขั้นตอน 3.2.2 . แต่ละกลุ่มแสดงที่ผสานxbi . ชุดลี้ xbis จะคำนวณสำหรับแต่ละคู่ของหน้าจอ1ฉัน, S2ฉัน )และรวมอยู่ในรายงานเพื่อเสนอไปยังนักพัฒนาตัวอย่างรายงานที่สร้างขึ้นสำหรับ application3 เว็บจริงได้รับแสดงในรูปที่ 2 ส่วนด้านบนจะแสดงภาพจาก2 เบราว์เซอร์ ( อ้างอิงแล้วเบราว์เซอร์เบราว์เซอร์บนเป้าหมายขวา ) ส่วนด้านล่างจะแสดง xbis พบ R โดยและพร้อมกับรายการในแต่ละรายการ พบปัญหาคือชนิดของปัญหาที่ตำแหน่งบนหน้าจอเป็นหน้าจอที่ระบุ , DOM XPath ขององค์ประกอบที่เกี่ยวข้องในเรื่องนี้ปัญหาและข้อมูลเพิ่มเติมอาจจะแก้ปัญหาโดยนักพัฒนา3grantabooks - http://www.grantabooks.com