Error: No node found for selector: [name="username"]

[Hiba-Ed]

I am trying to run a functional test inside the docker on a website. However, I get the error:
**Form Testing
✖ validate form with error value (2s)

ERRORS

1. validate form with error value
   Error: No node found for selector: [name="username"]
   at assert (/ucode/node_modules/puppeteer/lib/helper.js:279:11)
   at DOMWorld.type (/ucode/node_modules/puppeteer/lib/DOMWorld.js:421:5)
   at process._tickCallback (internal/process/next_tick.js:68:7)
   -- ASYNC --
   at Frame. (/ucode/node_modules/puppeteer/lib/helper.js:111:15)
   at Page.type (/ucode/node_modules/puppeteer/lib/Page.js:1076:29)
   at _actions.push (/ucode/node_modules/@adonisjs/vow-browser/src/Browser/ActionsChain.js:94:29)
   at process._tickCallback (internal/process/next_tick.js:68:7)**

If I run the following test (taken from the docs), it works fine, so I think we can safely say that there is no issue with my docker setup.

'use strict'

const { test, trait } = use('Test/Suite')('Hello World')

trait('Test/Browser')

test('Visit home page', async ({ browser }) => {
  const page = await browser.visit('/')
  await page.assertHas('Adonis')
})

Here is my test. My view contains a form with the username and email fields:

test('validate form', async ({ browser }) => {
  const page = await browser.visit('/form')
  await page
    .type('[name="username"]', 'hi') 
    .type('[name="email"]', '[email protected]') 
    .submitForm('form')
  await page.getText('span.error')
}).timeout(0)

Note: this code is not giving me an error locally, but gives an error on the website.