Open miketaylr opened 6 years ago
@karlcow mentioned the api for webcompat. Is there are docs around it?
@patrickkettner So I will put that on my todo this week to make it a bit more explicit.
This is a preliminary documentation before finding a place to put it in our docs. (I'm away for the next two weeks)
@miketaylr feel free to add comments. There are probably some omissions.
@patrickkettner if anything is missing for the purpose of what we want to do, just open an issue and we will implement it. Super happy (to say the least) to see more interactions with other browsers.
The current system is two steps:
/issues/new
for pre-populating some form fields (automatic or human triggered)a HTTP POST on /issues/new
for sending the form data to the server (human validation).
The data are massaged in the proper form and are sent to the GitHub repo /webcompat/web-bugs/issues
. The HTTP POST is submitted with two possible authentifications:
When creating an HTTP GET from a browser, the form is automatically augmented with:
When doing a HTTP GET on /issues/new
, two special parameters can be used to pass information to the form.
url
adds to the form the URL of the site we are reporting about.src
triggers a @reported_with
in the report. It helps us to track the source of our bug reports. The current list of common keywords is:
desktop-reporter
(from the report site issue button on Desktop)mobile-reporter
(from the report site issue button on Android)addon-reporter
(from webcompat addon instal)web
(directly from the website)something
(from another project)We plan to add a bit more control on this list which would allow us to be more flexible on specific treatments for the issues.
label
parameter adds an extra-label to the @extra_labels
in the report. There are part of a controlled list of keywords.
browser-focus-geckoview
: helps to identify the Focus browser and differentiate it from Focus on Blink.
type-media
: special keyword for notifying of media (video, audio) type of issues. (Made when the Mozilla media team where automatically triggering bug reports related to video crash)
type-stylo
: refers to the stylo engine in Gecko.
type-tracking-protection-basic
: refers to the tracking protection in Gecko
type-tracking-protection-strict
: refers to the tracking protection in Gecko
type-webrender-enabled
: refers to the webrender in gecko
type-webvr
: refers to the webvr issues.
These labels are pretty Gecko oriented for now. They can be extended with new types and family depending on the contributions of external clients. We could perfectly host keywords for Edge, Chrome, Safari if they desire to do so, or any other clients.
The syntax for sending the label to the form is one label=
per keyword.
https://webcompat.com/issues/new?src=desktop-reporter&label=type-media&label=type-stylo&url=https://url.example.com/
This is an example of issue body as posted on GitHub by webcompat.com (slightly modified for the example).
<!-- @browser: Firefox 63.0 -->
<!-- @ua_header: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:62.0) Gecko/20100101 Firefox/62.0 -->
<!-- @reported_with: desktop-reporter -->
<!-- @extra_labels: type-stylo, type-media -->
**URL**: http://penang-hokkien.gitlab.io/
**Browser / Version**: Firefox 63.0
**Operating System**: Mac OS X 10.13
**Tested Another Browser**: Yes
**Problem type**: Design is broken
**Description**: The round button for the chinese language selector is broken
**Steps to Reproduce**:
1. Go to http://penang-hokkien.gitlab.io/
2. Just look at the button.
* Firefox and Safari at first load display an oval on the side.
* Chrome gets it right at first load.
* Firefox gets it right if resizing the window (repaint)
* Safari never changes.
Screenshot:
Top Firefox
Middle Safari
Bottom Chrome
[![Screenshot Description](https://webcompat.com/uploads/2018/7/a9c661df-5edf-4ac6-94a5-7b314ff1d09a-thumb.jpg)](https://webcompat.com/uploads/2018/7/a9c661df-5edf-4ac6-94a5-7b314ff1d09a.jpg)
_From [webcompat.com](https://webcompat.com/) with ❤️_
Thanks @miketaylr for filing this issue while I was OOO, I think this might be great!
@patrickkettner, do you maintain the #EdgeBug reporter? Do you think it'd be straightforward enough to have it also use the API described above?
@karlcow
Thanks a lot! I didn't see your update until just now, but its super helpful :D
@foolip 98% of the code for the twitter bot is integration with our bug tracker. Id be happy to spin up a thing for this though, will do in the next couple of days
I really like this idea!
Do you think we should worry about filtering at all? Maybe #EdgeBug has some experience we can learn from. My worry is that the quality of bug reports from this becoming low enough that they usually just get filled as lowest priority bugs and forgotten about. This might not be the case, or it might be something that only happens if this hashtag takes off and we are getting ahead of ourselves, but something to keep in mind.
@kereliuk What would be for you the minimal requirements to have a valid issue (with quality)?
Id be happy to spin up a thing for this though, will do in the next couple of days
Any updates here, @patrickkettner? Or should we collaborate on building a new thing? Thanks!
@kereliuk What would be for you the minimal requirements to have a valid issue (with quality)?
if there's a code snippet, or a domain that matches one of the code-pen like things (see https://blogs.windows.com/msedgedev/2016/08/11/edgebug-twitter/ for what edgebug accepts), let's file a bug. we can triage them, and toss out any junk. i imagine the volume wouldn't be that high.
originally proposed by @foolip
cc @karlcow @patrickkettner