Cannot set up Gitlab Pages for to show coverage reports

I have a group project with the following name (hosted in Gitlab): gitlab.com/my-group/my-project.

I have generated coverage reports during testing and saved them as artifacts using Gitlab CI. Here is Gitlab CI config:

test:
  stage: test
  image: node:11
  before_script:
    - npm install -g yarn
    - yarn
  cache:
    paths:
      - node_modules/
  script:
    - yarn lint
    - yarn test --all --coverage src/
  except:
    - tags
  artifacts:
    paths:
      - coverage/
  coverage: '/Statements\s+\:\s+(\d+\.\d+)%/'

deploy-pages:
  stage: deploy
  dependencies:
    - test
  script:
    - mv coverage/ public/
  artifacts:
    paths:
      - public/
    expire_in: 30 days
  except:
    - tags

When I open deploy stage job, I can see the artifact being created. Here is the screenshot:

. All the files are under /public directory in the artifact.

Now, when I go to: https://my-group.gitlab.io/my-project, I keep getting 404.

I am not sure what step I am missing here. Can someone shed some light on this issue for me?

Thanks!

EDIT: Replaces text for the file structure with screenshot

I have solved the issue. I didn’t know that job name must be “pages.” My job name was “deploy-pages.” Changing is solved the issue.