Starting work on my first bug

-
This week I finally started working on one of my bugs. I decided to first start on the DevTools bug, since I got this one assigned to me first. Once I cloned the repo to my local machine, there were a few packages that I had to install first, mainly node and yarn. The README file was very easy to follow. A few weeks ago, I ran Firefox from source so I knew how to set it up. You can read up on my experience with that here. I had to download and build the source once again, fortunately this time I knew how to do this. So I had the correct version of Firefox running, now it's time to look into the bug!

The bug instructions are easy to understand, with easy to follow steps for reproduction. There is also a handy video for reference. Once I saw the "Learn More" button, I understood the problem. When the user hovers over the button, the entire row acts as a button, instead of just the image.


Definitely not a software breaking bug. Nonetheless, I'm excited to start working on this. After opening up the source code, I was amazed at the amount of files! I did not know where to begin. How do I find my small bug inside of all of this?! There was hundreds of JavaScript files inside of NetTools.

After looking through the files for some time, I found a file called timings-panel.js, I think this is it. After playing around with some of the code, I think I found the culprit.


The inside of the CSS class panel-container contains nothing about width, only height. So I try adding a width declarations to see what happens, and it worked! Eh, sort of. The width is changed for all the other panels, not what we want.



We're almost there though. Instead of adding a width declaration to the panel-container class, I decided to add another class to my div tag. I found an unused class called timings-label, that contains a width property only. The name itself suggests that this is what I need. Once I built and ran the project again, I found the bug was fixed. Success! My first bug is complete.


Bug is now complete, now I just need to submit it. That's also something I've never done before. I've done enough work for the day, that will have to wait till next blog. Stay posted while I complete my first Pull Request.

Comments

Post a Comment

Popular posts from this blog

DPS911 - Release 3

-
Image
This is my third release for my Open Source class. This release is a progression on my the second release , where I used WebTorrent for sharing resource files. In the previous release, I created two different pages, one for importing files and one is exporting files. With this release, I joined the two files together, and added a few new features, such as number of peers, and download progression.    For testing purposes, we have a temporary main page for testing things like the editor, the Linux terminal, or file editor. I've added the share link in there as well for easy access during testing.  The look of the page is elegant now, it looks professional compared to the previous iteration. It displays the progress of the download, remaining time, download speed, download progress, upload speed, number of peers, and the total time. Once the torrent is complete, a message pop ups on the bottom saying it is complete. To start the torrent, the Start Seed button needs t
Read more

DPS911 - Release 1

-
Image
About two weeks ago, I started a DPS911 Open Source Projects class, which is essentially a continuation of the previous DPS909 Topics in Open Source Development class that I took last year. The class size is much smaller, we have 4 students compared to the 30+ we had last time, which is nice the professor can spend more time with us as opposed to the entire 30+ class of students. For this class, we are starting a project that my professor has envisioned, for now we are calling it unbundled . This project is meant to recreate an operating system for web development in a browser environment. The idea is to have features such as accessing directory of files, a code editor, command line terminal, sharing files, and more, be available in the browser for use on any operating system. The project isn't re-inventing the wheel, the technology is already there, we are just putting everything together. Brackets , for example, will be used for the code editor, while webtorrent will be used f
Read more

DPS911 - Release 2

-
Image
This is my second release for the DPS911 - Open Source class. With this release, I created two pages for sharing resource files between users, one was for importing the files, and the other was for exporting. I am using Webtorrent streaming service for sharing the files. The pull request can be found here , while the issue is located here I did have some trouble with this release. Initially, I had the user selecting local files to share instead of resource files. The pages themselves are very simple, most of the work was done in the back-end. The import page only has an input field for the magnetURI, and a download button download all the files. The export page automatically starts the torrent when opened, sharing all of the resource files, and displaying the magnetURI. This release was simple, there's no extra features included such as number of seeders, progress, or number of files. All this will be included in the next release, which will include combining the pages into
Read more