Weekly overview of the bug-hunting category- week 46, 2018

This is a report on the weekly contributions to the bug hunting category. The post contains the basic statistics like the number of contributions received by the category, an excerpt on new contributors if there are any and a detailed comparison of the week's output with previous weeks.

Previous Reports

• Weekly overview of the bug-hunting category- week 44, 2018
• Weekly overview of the bug-hunting category- week 45, 2018

Bug hunting contributions summary

• Week 46: November 8th - 15th
• 1 contribution, 1 scored
• 1 new contributor - @ookamisuuhaisha
• An average score of 70
• No bug fixed
• Utopian.rocks browser extension added to the bug-hunting whitelist

The contributions

Contributor	URL	Project	Score
@ookamisuuhaisha	utopianrocks-browser-extension-v111-breaks-layout-of-utopians-posting-guidelines-page	utopian.rocks browser extension	70

@ookamisuuhaisha reported that when the browser extension (utopian.rocks) is installed and active, the layout of the icons is shifted from horizontal to vertical. He would also say in addition - that clicking on any of the icons ceases to show any underlying content. Effectively, the Contributions section becomes unusable and the user has to deactivate the extension and refresh the page to be able to use it again (or launch the browser in incognito mode, assuming the extension is not enabled in this mode).

On Further Analysis

The bug hunter would go on to closely examine the code, noting there was something more odd than the CSS clash. He noticed that on a working page, the DOM tree is:

<div class="categories slick-initialized slick-slider slick-dotted">
  <button class="slick-prev slick-arrow slick-disabled" aria-label="Previous" type="button" aria-disabled="true" style="">Previous</button><div class="slick-list draggable">
    <div class="slick-track" style="opacity: 1; width: 2405px; transform: translate3d(0px, 0px, 0px);">
      <div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" role="tabpanel" id="slick-slide00" style="width: 185px;">
        <div>
          <div style="width: 100%; display: inline-block;">
            <a href="javascript:void(0)" id="suggestions" class="circle suggestions reverse" data-toggle="tooltip" data-placement="right" title="" style="transform: scale(1);" data-original-title="Suggestions" tabindex="0">
              <svg style=

and on a broken page it is just:

<div class="categories">
  <div>
    <a href="javascript:void(0)" id="suggestions" class="circle reverse suggestions" data-toggle="tooltip" data-placement="right" title="" style="transform: scale(1);" data-original-title="Suggestions">
      <svg style=....

He compared the topmost categories tag and innermost div/div/ahref/svg - and confirmed the similarities in the code, spotting the only exceptions to be in the injections from a 'slick' component.

From his observation - it seemed that the 'slick' was not initialized on the 'container' properly, the classes on the container indicated that.

Checking with the console log he spotted this error:

Uncaught TypeError: $(...).slick is not a function
    at generateSlick ((index):306)
    at HTMLSpanElement.<anonymous> ((index):290)

Place pointed out by the line numbers is in the Guidelines' HTML itself:

function generateSlick() {
  $('.categories').slick({       // <---- error HERE
    dots: true,
    infinite: false,
    speed: 300,
    slidesToShow: 6,
    slidesToScroll: 3,
    responsive: [{
        breakpoint: 1024,
        settings: {
          slidesToShow: 4,
          slidesToScroll: 2,
          infinite: true,
          dots: true
        }
      },
      .......
    ]
  });
}

and this pretty much proves that the $ is damaged. It should contain the slick plugin, but it does not.

His best guess at what possibly led to the bug is that the jQuery leaks onto the processed webpage and shadows the original one, and obviously the PO's jQuery is 'clean' without any plugins like slick.

The report was reviewed by tobias-g who was able to reproduce the error:

I was also able to replicate the issue, I saw this issue a while ago, however, didn't realize that this was caused by the extension and instead thought it was a temporary issue on the Utopian site, good job on narrowing this down to the extension.

Although the main purpose of the application still works, I think it's important to take into account the end to end experience as the user would have Utopian and the goal of the user. That's why I believe this issue is major and overall has a considerable impact on the overall user experience of a contributor should they need to review the guidelines before submitting their contribution.

In summary, there was 1 contribution to the category this week and it was rewarded and in accordance to the Utopian review guidelines governing the category. The contribution was not staff picked. The sole bug report was by a new contributor, @ookamisuuhaisha. At the time of writing this review, the bug reported is yet to be fixed.

Hunter Totals and Average

@mightypanda after three weeks still tops the bug-hunters table with 2 finds, @mattockfs sits pretty with the highest average reward score of 72.5, though none of the above registered a contribution this week. The new and only contributor to the category this week @ookamisuuhaisha had a reward average of 70.

Weekly Average Score and number of Contributions

The average score of 70 is higher than week 44 and 45's average of 45.5 and 51.9 respectively, higher than last week by 18.1. Well, this is as a result of the category receiving just one contribution this week. Note that in the calculation of the average, the zero scored contributions are not included.

Reports Reviewed By Reviewer

The 10 contributions received by the category in the past five weeks were assessed by three reviewers. Of the 10 contributions, 8 were rewarded.

• @sachincool have now reviewed 2 contributions (40, 40) with an average score of 40.
• @fego have reviewed 5 contributions (45.5, 72.5, 44.5) with an average score of 54.2.
• @tobias-g have reviewed 3 contributions (37.5, 65, 70) with an average score of 57.5.

Others

Utopian Rocks - Extension has been added to the bug hunting whitelist. The extension utilizes the utopian.rocks API, it allows the users to see whether their post to utopian is under review, in the voting queue or already voted/rejected with a neat little icon just below their post - bringing the most popular feature of Utopian Rocks to the steemit frontend.

It also offers the ability to submit posts to the Translation category directly from the steemit frontend rather than using davinci.utopian.io.

project owner	project	github repo
@jestemkioskiem	utopian.rocks browser extension	https://github.com/Jestemkioskiem/utopian.rocks.ext

---

If you wish to have your open source projects added to our whitelist you can contact us on our help channel at our discord server. You can also leave your questions and comments below :)

---

Thanks

@fego