



<script src="/lib/lodash/dist/lodash.js"></script>
<script src="/lib/platform/platform.js"></script>
<script src="/lib/benchmark/benchmark.js"></script>
<script src="/js/testrunner.js?v=uhhjlNf8Vw1G0SsjCNR5kDrchDwmF1nqr2pn9YS1pz0"></script>

    <span><script src="https://cdn.jsdelivr.net/npm/lodash@4.17.4/lodash.min.js"></script></span>

<div id="validation-html-preparation"></div>

<script type="text/javascript">
    pageController = new TestRunnerController();
</script>
<textarea id="benchmark_definition_json" style="display:none">
    {&quot;ScriptPreparationCode&quot;:&quot;window.oldProps = [\r\n  {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n];\r\n\r\nwindow.newProps = [\r\n  {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friendy\u0022 // \u003C- change\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n    {\r\n    createdAt: \u0022Wed May 02 2018 18:06:52 GMT\u002B0200 (CEST)\u0022,\r\n    isOwn: true,\r\n    message: \u0022Hello my friend.\u0022\r\n  },\r\n];\r\n\r\nvar groupMessages = (msgs) =\u003E  {\r\n    return _.map(\r\n      _.groupBy(_.sortBy(msgs, \u0027createdAt\u0027), (message) =\u003E message.createdAt),\r\n      (messages, date) =\u003E ({ date, messages }),\r\n    );\r\n  }&quot;,&quot;TestCases&quot;:[{&quot;Name&quot;:&quot;Only isEqual&quot;,&quot;Code&quot;:&quot;_.isEqual(window.oldProps, window.newProps)&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;Only grouping&quot;,&quot;Code&quot;:&quot;groupMessages(window.newProps)&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;Both&quot;,&quot;Code&quot;:&quot;if (!_.isEqual(window.oldProps, window.newProps)) {\r\n  groupMessages(window.newProps);\r\n}&quot;,&quot;IsDeferred&quot;:false}]}
</textarea>

<form style="display:none;" id="autoreload_form" action="/Benchmarks/TestFrameForValidationWithHtmlPrepCode?autostart=1" method="post">
    <input type="hidden" name="htmlPrepCode" id="htmlPrepCode">
</form>