Added blocker -moz- for ::file-selector-button

[usmanyunusov]

No description provided.

[ai]

We also need to change tests.

We need a TDD here:

1. Revert fix
2. Find a way to reproduce bug in the tests
3. Add a fix to be sure that it fix the bug

You may need to use another browsers in the test.

[usmanyunusov]

@ai, Replaced the test:

let fileSelectorButtoner = autoprefixer({
  overrideBrowserslist: ['Chrome > 25', 'Firefox >= 82']
})

Test fail:

@@ -1,22 +1,34 @@
  ::-webkit-file-upload-button {
    background: black
  }

+ ::-moz-file-selector-button {
+   background: black
+ }
+
  ::file-selector-button {
    background: black
  }

  input::-webkit-file-upload-button {
    color: black;
  }

- input::file-selector-button {
+ input::-moz-file-selector-button {
    color: black;
  }

- input:hover::-webkit-file-upload-button {
+ input::file-selector-button {
+   color: black;
+ }
+
+ input:hover::-webkit-file-upload-button {
+   color: white;
+ }
+
+ input:hover::-moz-file-selector-button {
    color: white;
  }

  input:hover::file-selector-button {
    color: white;

[ai]

Send test changes to PR

[usmanyunusov]

I suggest replacing all prefixes with a -webkit-

class FileSelectorButton extends Selector {
 constructor(name, prefixes, all) {
    super(name, prefixes, all)

    if (this.prefixes) {
      this.prefixes = utils.uniq(
        this.prefixes.map(i => {
          return '-webkit-'
        })
      )
    }
  }

[ai]

Yeap, let’s try.

[ai]

The fix was released in 10.3.3