[444.pdf](https://github.com/mozilla/pdf.js/files/7035877/444.pdf)

Configuration:
- Web browser and its version:  Chorme 92.0.4515.159
- Operating system and its version: Windows10
- PDF.js version: https://mozilla.github.io/pdf.js/web/viewer.html

The attachment is a PDF with a XObject image in a OCG layer. It works ok in the Adobe PDF Reader and Foxit PDF Reader. 

But with pdfjs, when hide the layer, the image is still visible.

The following text is from the specification("PDF32000_2008.pdf"):

 8.11.3.3   Optional Content in XObjects and Annotations

In addition to marked content within content streams, form XObjects and image XObjects (see 8.8, "External Objects")  and  annotations  (see  12.5,  "Annotations")  may  contain  an  OC  entry,  which  shall  be  an  optional  content group or an optional content membership dictionary

/**
   * For the reference tests, the entire annotation layer must be visible. To
   * achieve this, we load the common styles as used by the viewer and extend
   * them with a set of overrides to make all elements visible.
   *
   * Note that we cannot simply use `@import` to import the common styles in
   * the overrides file because the browser does not resolve that when the
   * styles are inserted via XHR. Therefore, we load and combine them here.
   */
  const styles = {
    common: {
      file: "../web/annotation_layer_builder.css",
      promise: null,
    },
    overrides: {
      file: "./annotation_layer_builder_overrides.css",
      promise: null,
    },
  };
  function getAnnotationLayerStyle() {
    return loadStyles(styles);
  }
  
  function rasterizeAnnotationLayer(
    ctx,
    viewport,
    annotations,
    page,
    imageResourcesPath,
    renderForms = false