<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[284870] trunk/Tools</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/284870">284870</a></dd>
<dt>Author</dt> <dd>simon.fraser@apple.com</dd>
<dt>Date</dt> <dd>2021-10-26 08:55:48 -0700 (Tue, 26 Oct 2021)</dd>
</dl>

<h3>Log Message</h3>
<pre>Have ImageDiff print the diff image when any pixel is different
https://bugs.webkit.org/show_bug.cgi?id=232294

Reviewed by Martin Robinson.

ImageDiff currently only outputs the diff image when any pixel exceeds its built-in
tolerance.

To prepare for moving the "pass/fail" decision to script, have ImageDiff output the diff
image when any pixel is different. Also have it write "#EOF" so that we're not reliant on
the "diff:" line to terminate reading the output.

Fix up webkitpy unit tests for #EOF parsing, presence of image when the test passes via
tolerance, and to actually test which image data is present in the ImageDiffResult.

* ImageDiff/ImageDiff.cpp:
(processImages):
(main):
* ImageDiff/PlatformImage.cpp:
(ImageDiff::PlatformImage::difference): Track legacyDistanceMax if any pixel diff is non-zero,
since it's needed to scale the diff image.
* Scripts/webkitpy/port/image_diff.py:
(ImageDiffer._read): Look for "#EOF" to terminate the output. Save the diff image, even
if the test passed.
* Scripts/webkitpy/port/port_testcase.py:
(PortTestCase.test_diff_image.make_proc):
(PortTestCase.test_diff_image):
(PortTestCase.test_diff_image_passed):
(PortTestCase.test_diff_image_failed):
(PortTestCase.test_diff_image_crashed):</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkToolsChangeLog">trunk/Tools/ChangeLog</a></li>
<li><a href="#trunkToolsImageDiffImageDiffcpp">trunk/Tools/ImageDiff/ImageDiff.cpp</a></li>
<li><a href="#trunkToolsImageDiffPlatformImagecpp">trunk/Tools/ImageDiff/PlatformImage.cpp</a></li>
<li><a href="#trunkToolsScriptswebkitpyportimage_diffpy">trunk/Tools/Scripts/webkitpy/port/image_diff.py</a></li>
<li><a href="#trunkToolsScriptswebkitpyportport_testcasepy">trunk/Tools/Scripts/webkitpy/port/port_testcase.py</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkToolsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Tools/ChangeLog (284869 => 284870)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Tools/ChangeLog    2021-10-26 15:55:18 UTC (rev 284869)
+++ trunk/Tools/ChangeLog       2021-10-26 15:55:48 UTC (rev 284870)
</span><span class="lines">@@ -1,5 +1,38 @@
</span><span class="cx"> 2021-10-26  Simon Fraser  <simon.fraser@apple.com>
</span><span class="cx"> 
</span><ins>+        Have ImageDiff print the diff image when any pixel is different
+        https://bugs.webkit.org/show_bug.cgi?id=232294
+
+        Reviewed by Martin Robinson.
+        
+        ImageDiff currently only outputs the diff image when any pixel exceeds its built-in
+        tolerance.
+
+        To prepare for moving the "pass/fail" decision to script, have ImageDiff output the diff
+        image when any pixel is different. Also have it write "#EOF" so that we're not reliant on
+        the "diff:" line to terminate reading the output.
+
+        Fix up webkitpy unit tests for #EOF parsing, presence of image when the test passes via
+        tolerance, and to actually test which image data is present in the ImageDiffResult.
+
+        * ImageDiff/ImageDiff.cpp:
+        (processImages):
+        (main):
+        * ImageDiff/PlatformImage.cpp:
+        (ImageDiff::PlatformImage::difference): Track legacyDistanceMax if any pixel diff is non-zero,
+        since it's needed to scale the diff image.
+        * Scripts/webkitpy/port/image_diff.py:
+        (ImageDiffer._read): Look for "#EOF" to terminate the output. Save the diff image, even
+        if the test passed.
+        * Scripts/webkitpy/port/port_testcase.py:
+        (PortTestCase.test_diff_image.make_proc):
+        (PortTestCase.test_diff_image):
+        (PortTestCase.test_diff_image_passed):
+        (PortTestCase.test_diff_image_failed):
+        (PortTestCase.test_diff_image_crashed):
+
+2021-10-26  Simon Fraser  <simon.fraser@apple.com>
+
</ins><span class="cx">         Don't run ImageDiff a second time to generate diff images
</span><span class="cx">         https://bugs.webkit.org/show_bug.cgi?id=232288
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkToolsImageDiffImageDiffcpp"></a>
<div class="modfile"><h4>Modified: trunk/Tools/ImageDiff/ImageDiff.cpp (284869 => 284870)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Tools/ImageDiff/ImageDiff.cpp      2021-10-26 15:55:18 UTC (rev 284869)
+++ trunk/Tools/ImageDiff/ImageDiff.cpp 2021-10-26 15:55:48 UTC (rev 284870)
</span><span class="lines">@@ -73,9 +73,10 @@
</span><span class="cx">         legacyDifference = std::max<float>(legacyDifference, 0.01f); // round to 2 decimal places
</span><span class="cx">     }
</span><span class="cx"> 
</span><ins>+    if (diffImage)
+        diffImage->writeAsPNGToStdout();
+
</ins><span class="cx">     if (legacyDifference > 0.0f) {
</span><del>-        if (diffImage)
-            diffImage->writeAsPNGToStdout();
</del><span class="cx">         fprintf(stdout, "diff: %01.2f%% failed\n", legacyDifference);
</span><span class="cx">     } else
</span><span class="cx">         fprintf(stdout, "diff: %01.2f%% passed\n", legacyDifference);
</span><span class="lines">@@ -83,6 +84,9 @@
</span><span class="cx">     if (printDifference)
</span><span class="cx">         fprintf(stdout, "maxDifference=%u; totalPixels=%lu\n", differenceData.maxDifference, differenceData.totalPixels);
</span><span class="cx"> 
</span><ins>+    fprintf(stdout, "#EOF\n");
+    fflush(stdout);
+
</ins><span class="cx">     return EXIT_SUCCESS;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -222,7 +226,6 @@
</span><span class="cx">             if (result != EXIT_SUCCESS)
</span><span class="cx">                 return result;
</span><span class="cx">         }
</span><del>-        fflush(stdout);
</del><span class="cx">     }
</span><span class="cx"> 
</span><span class="cx">     return EXIT_SUCCESS;
</span></span></pre></div>
<a id="trunkToolsImageDiffPlatformImagecpp"></a>
<div class="modfile"><h4>Modified: trunk/Tools/ImageDiff/PlatformImage.cpp (284869 => 284870)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Tools/ImageDiff/PlatformImage.cpp  2021-10-26 15:55:18 UTC (rev 284869)
+++ trunk/Tools/ImageDiff/PlatformImage.cpp     2021-10-26 15:55:48 UTC (rev 284870)
</span><span class="lines">@@ -73,6 +73,8 @@
</span><span class="cx">                 unsigned blueDiff   = std::abs(pixel[2] - basePixel[2]);
</span><span class="cx">                 unsigned maxDiff = std::max({ redDiff, greenDiff, blueDiff });
</span><span class="cx">                 difference.maxDifference = std::max(difference.maxDifference, maxDiff);
</span><ins>+
+                legacyDistanceMax = std::max(legacyDistanceMax, legacyDistance);
</ins><span class="cx">             }
</span><span class="cx"> 
</span><span class="cx">             // Legacy difference code. Note there is some built-in tolerance here.
</span><span class="lines">@@ -79,7 +81,6 @@
</span><span class="cx">             if (legacyDistance >= 1.0f / 255.0f) {
</span><span class="cx">                 ++pixelCountWithSignificantDifference;
</span><span class="cx">                 legacyDistanceSum += legacyDistance;
</span><del>-                legacyDistanceMax = std::max(legacyDistanceMax, legacyDistance);
</del><span class="cx">             }
</span><span class="cx"> 
</span><span class="cx">             basePixel += 4;
</span><span class="lines">@@ -93,19 +94,16 @@
</span><span class="cx">     else
</span><span class="cx">         difference.percentageDifference = 0.0f;
</span><span class="cx"> 
</span><del>-    if (!pixelCountWithSignificantDifference) {
-        free(diffBuffer);
-        return nullptr;
-    }
-
-    // Generate a normalized diff image if there is any difference.
-    if (pixelCountWithSignificantDifference) {
</del><ins>+    if (difference.totalPixels) {
</ins><span class="cx">         diffPixel = reinterpret_cast<unsigned char*>(diffBuffer);
</span><span class="cx">         for (size_t p = 0; p < height * width; ++p)
</span><span class="cx">             diffPixel[p] /= legacyDistanceMax;
</span><ins>+
+        return PlatformImage::createFromDiffData(diffBuffer, width, height);
</ins><span class="cx">     }
</span><span class="cx"> 
</span><del>-    return PlatformImage::createFromDiffData(diffBuffer, width, height);
</del><ins>+    free(diffBuffer);
+    return nullptr;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> } // namespace ImageDiff
</span></span></pre></div>
<a id="trunkToolsScriptswebkitpyportimage_diffpy"></a>
<div class="modfile"><h4>Modified: trunk/Tools/Scripts/webkitpy/port/image_diff.py (284869 => 284870)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Tools/Scripts/webkitpy/port/image_diff.py  2021-10-26 15:55:18 UTC (rev 284869)
+++ trunk/Tools/Scripts/webkitpy/port/image_diff.py     2021-10-26 15:55:48 UTC (rev 284870)
</span><span class="lines">@@ -101,8 +101,8 @@
</span><span class="cx"> 
</span><span class="cx">     def _read(self):
</span><span class="cx">         deadline = time.time() + 2.0
</span><del>-        output = None
-        output_image = b''
</del><ins>+        output_image = None
+        diff_output = None
</ins><span class="cx"> 
</span><span class="cx">         while not self._process.timed_out and not self._process.has_crashed():
</span><span class="cx">             output = self._process.read_stdout_line(deadline)
</span><span class="lines">@@ -109,15 +109,16 @@
</span><span class="cx">             if self._process.timed_out or self._process.has_crashed() or not output:
</span><span class="cx">                 break
</span><span class="cx"> 
</span><del>-            if output.startswith(b'diff'):  # This is the last line ImageDiff prints.
</del><ins>+            if output.startswith(b'#EOF'):
</ins><span class="cx">                 break
</span><span class="cx"> 
</span><ins>+            if output.startswith(b'diff:'):
+                diff_output = output
+
</ins><span class="cx">             if output.startswith(b'Content-Length'):
</span><span class="cx">                 m = re.match(br'Content-Length: (\d+)', output)
</span><span class="cx">                 content_length = int(string_utils.decode(m.group(1), target_type=str))
</span><span class="cx">                 output_image = self._process.read_stdout(deadline, content_length)
</span><del>-                output = self._process.read_stdout_line(deadline)
-                break
</del><span class="cx"> 
</span><span class="cx">         stderr = string_utils.decode(self._process.pop_all_buffered_stderr(), target_type=str)
</span><span class="cx">         err_str = ''
</span><span class="lines">@@ -129,10 +130,10 @@
</span><span class="cx">             err_str += "ImageDiff crashed\n"
</span><span class="cx"> 
</span><span class="cx">         diff_percent = 0
</span><del>-        if output and output.startswith(b'diff'):
-            m = re.match(b'diff: (.+)% (passed|failed)', output)
</del><ins>+        if diff_output:
+            m = re.match(b'diff: (.+)% (passed|failed)', diff_output)
</ins><span class="cx">             if m.group(2) == b'passed':
</span><del>-                return ImageDiffResult(passed=True, diff_image=None, difference=0)
</del><ins>+                return ImageDiffResult(passed=True, diff_image=output_image, difference=0)
</ins><span class="cx">             diff_percent = float(string_utils.decode(m.group(1), target_type=str))
</span><span class="cx"> 
</span><span class="cx">         return ImageDiffResult(passed=False, diff_image=output_image, difference=diff_percent, tolerance=self._tolerance, error_string=err_str or None)
</span></span></pre></div>
<a id="trunkToolsScriptswebkitpyportport_testcasepy"></a>
<div class="modfile"><h4>Modified: trunk/Tools/Scripts/webkitpy/port/port_testcase.py (284869 => 284870)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Tools/Scripts/webkitpy/port/port_testcase.py       2021-10-26 15:55:18 UTC (rev 284869)
+++ trunk/Tools/Scripts/webkitpy/port/port_testcase.py  2021-10-26 15:55:48 UTC (rev 284870)
</span><span class="lines">@@ -284,7 +284,7 @@
</span><span class="cx">         self.proc = None
</span><span class="cx"> 
</span><span class="cx">         def make_proc(port, nm, cmd, env, crash_message=None):
</span><del>-            self.proc = MockServerProcess(port, nm, cmd, env, lines=['diff: 100% failed\n', 'diff: 100% failed\n'])
</del><ins>+            self.proc = MockServerProcess(port, nm, cmd, env, lines=['Content-Length: 6\n', 'image1', 'diff: 90% failed\n', '#EOF\n', 'Content-Length: 6\n', 'image2', 'diff: 100% failed\n', '#EOF\n'])
</ins><span class="cx">             return self.proc
</span><span class="cx"> 
</span><span class="cx">         # FIXME: Can't pretend to run setup for some ports, so just skip this test.
</span><span class="lines">@@ -297,13 +297,13 @@
</span><span class="cx">         # First test the case of not using the JHBuild wrapper.
</span><span class="cx">         self.assertFalse(port._should_use_jhbuild())
</span><span class="cx"> 
</span><del>-        self.assertEqual(port.diff_image(b'foo', b'bar'), ImageDiffResult(passed=False, diff_image=b'', difference=100.0, tolerance=0.1))
</del><ins>+        self.assertEqual(port.diff_image(b'foo', b'bar'), ImageDiffResult(passed=False, diff_image=b'image1', difference=90.0, tolerance=0.1))
</ins><span class="cx">         self.assertEqual(self.proc.cmd, [port._path_to_image_diff(), "--tolerance", "0.1"])
</span><span class="cx"> 
</span><del>-        self.assertEqual(port.diff_image(b'foo', b'bar', tolerance=None), ImageDiffResult(passed=False, diff_image=b'', difference=100.0, tolerance=0.1))
</del><ins>+        self.assertEqual(port.diff_image(b'foo', b'bar', tolerance=None), ImageDiffResult(passed=False, diff_image=b'image1', difference=90.0, tolerance=0.1))
</ins><span class="cx">         self.assertEqual(self.proc.cmd, [port._path_to_image_diff(), "--tolerance", "0.1"])
</span><span class="cx"> 
</span><del>-        self.assertEqual(port.diff_image(b'foo', b'bar', tolerance=0), ImageDiffResult(passed=False, diff_image=b'', difference=100.0))
</del><ins>+        self.assertEqual(port.diff_image(b'foo', b'bar', tolerance=0), ImageDiffResult(passed=False, diff_image=b'image1', difference=90.0))
</ins><span class="cx">         self.assertEqual(self.proc.cmd, [port._path_to_image_diff(), "--tolerance", "0"])
</span><span class="cx"> 
</span><span class="cx">         # Now test the case of using JHBuild wrapper.
</span><span class="lines">@@ -310,13 +310,13 @@
</span><span class="cx">         port._filesystem.maybe_make_directory(port.path_from_webkit_base('WebKitBuild', 'Dependencies%s' % port.port_name.upper()))
</span><span class="cx">         self.assertTrue(port._should_use_jhbuild())
</span><span class="cx"> 
</span><del>-        self.assertEqual(port.diff_image(b'foo', b'bar'), ImageDiffResult(passed=False, diff_image=b'', difference=100.0, tolerance=0.1))
</del><ins>+        self.assertEqual(port.diff_image(b'foo', b'bar'), ImageDiffResult(passed=False, diff_image=b'image1', difference=90.0, tolerance=0.1))
</ins><span class="cx">         self.assertEqual(self.proc.cmd, port._jhbuild_wrapper + [port._path_to_image_diff(), "--tolerance", "0.1"])
</span><span class="cx"> 
</span><del>-        self.assertEqual(port.diff_image(b'foo', b'bar', tolerance=None), ImageDiffResult(passed=False, diff_image=b'', difference=100.0, tolerance=0.1))
</del><ins>+        self.assertEqual(port.diff_image(b'foo', b'bar', tolerance=None), ImageDiffResult(passed=False, diff_image=b'image1', difference=90.0, tolerance=0.1))
</ins><span class="cx">         self.assertEqual(self.proc.cmd, port._jhbuild_wrapper + [port._path_to_image_diff(), "--tolerance", "0.1"])
</span><span class="cx"> 
</span><del>-        self.assertEqual(port.diff_image(b'foo', b'bar', tolerance=0), ImageDiffResult(passed=False, diff_image=b'', difference=100.0))
</del><ins>+        self.assertEqual(port.diff_image(b'foo', b'bar', tolerance=0), ImageDiffResult(passed=False, diff_image=b'image1', difference=90.0))
</ins><span class="cx">         self.assertEqual(self.proc.cmd, port._jhbuild_wrapper + [port._path_to_image_diff(), "--tolerance", "0"])
</span><span class="cx"> 
</span><span class="cx">         port.clean_up_test_run()
</span><span class="lines">@@ -325,15 +325,15 @@
</span><span class="cx"> 
</span><span class="cx">     def test_diff_image_passed(self):
</span><span class="cx">         port = self.make_port()
</span><del>-        port._server_process_constructor = lambda port, nm, cmd, env, crash_message=None: MockServerProcess(lines=['diff: 0% passed\n'])
</del><ins>+        port._server_process_constructor = lambda port, nm, cmd, env, crash_message=None: MockServerProcess(lines=['diff: 0% passed\n', '#EOF\n'])
</ins><span class="cx">         image_differ = ImageDiffer(port)
</span><span class="cx">         self.assertEqual(image_differ.diff_image(b'foo', b'bar', tolerance=0.1), ImageDiffResult(passed=True, diff_image=None, difference=0))
</span><span class="cx"> 
</span><span class="cx">     def test_diff_image_failed(self):
</span><span class="cx">         port = self.make_port()
</span><del>-        port._server_process_constructor = lambda port, nm, cmd, env, crash_message=None: MockServerProcess(lines=['diff: 100% failed\n'])
</del><ins>+        port._server_process_constructor = lambda port, nm, cmd, env, crash_message=None: MockServerProcess(lines=['Content-Length: 4\n', 'test', 'diff: 100% failed\n', '#EOF\n'])
</ins><span class="cx">         image_differ = ImageDiffer(port)
</span><del>-        self.assertEqual(image_differ.diff_image(b'foo', b'bar', tolerance=0.1), ImageDiffResult(passed=False, diff_image=b'', difference=100.0, tolerance=0.1))
</del><ins>+        self.assertEqual(image_differ.diff_image(b'foo', b'bar', tolerance=0.1), ImageDiffResult(passed=False, diff_image=b'test', difference=100.0, tolerance=0.1))
</ins><span class="cx"> 
</span><span class="cx">     def test_diff_image_crashed(self):
</span><span class="cx">         port = self.make_port()
</span><span class="lines">@@ -349,7 +349,7 @@
</span><span class="cx"> 
</span><span class="cx">         port._server_process_constructor = make_proc
</span><span class="cx">         port.setup_test_run()
</span><del>-        self.assertEqual(port.diff_image(b'foo', b'bar'), ImageDiffResult(passed=False, diff_image=b'', difference=0, tolerance=0.1, error_string='ImageDiff crashed\n'))
</del><ins>+        self.assertEqual(port.diff_image(b'foo', b'bar'), ImageDiffResult(passed=False, diff_image=None, difference=0, tolerance=0.1, error_string='ImageDiff crashed\n'))
</ins><span class="cx">         port.clean_up_test_run()
</span><span class="cx"> 
</span><span class="cx">     @slow
</span></span></pre>
</div>
</div>

</body>
</html>