Typescript codecept.conf.ts autoLogin Parameter 'I' implicitly has an 'any' type.

What are you trying to achieve?

Use autoLogin with the typescript-boilerplate and autoLogin plugin including the proxy object “I”.

What do you get instead?

Provide test source code if related

This is my repro project:

typescript-boilerplate.zip

It is the typescript-boilerplate, with the autoLogin config added from the official documentation here.

Details

• CodeceptJS version: 3.3.3 (same issue with v. 3.3.4)
• NodeJS Version: 16.10.0
• Operating System: Windows 10
• playwright
• Configuration file:

require('ts-node/register')
const { setHeadlessWhen } = require('@codeceptjs/configure');


// turn on headless mode when running with HEADLESS=true environment variable
// HEADLESS=true npx codecept run
setHeadlessWhen(process.env.HEADLESS);

exports.config = {
  tests: './tests/**_test.ts',
  output: './output',
  helpers: {
    Playwright: {
      url: 'https://github.com',
      show: false,
      windowSize: '1200x900',
      browser: 'chromium'
    },
    CustomHelper: {
      require: './CustomHelper.ts'
    }
  },
  bootstrapAll: require('./presettings.ts').bootstrapAll,
  bootstrap: require('./presettings.ts').bootstrap,
  teardownAll: require('./presettings').teardownAll,
  teardown: require('./presettings').teardown,
  include: {
    loginPage: './loginPage.ts',
    homePage: './homePage.ts'
  },
  name: 'typescript-boilerplate',
  plugins: {
    autoLogin: {
      enabled: true,
      saveToFile: true,
      inject: 'loginAs', // use `loginAs` instead of login
      users: {
        user: {
          login: (I) => {
             I.amOnPage('/login');
             I.fillField('email', '[e-mail]');
             I.fillField('password', '123456');
             I.click('Login');
          },
          check: (I) => {
             I.amOnPage('/');
             I.see('User', '.navbar');
          },
        },
        admin: {
          login: (I) => {
             I.amOnPage('/login');
             I.fillField('email', '[e-mail]');
             I.fillField('password', '123456');
             I.click('Login');
          },
          check: (I) => {
             I.amOnPage('/');
             I.see('Admin', '.navbar');
          },
        },
      }
    },
    retryFailedStep: {
      enabled: true
    },
    screenshotOnFail: {
      enabled: true
    }
  }
}

[DavertMik]

Good point. Config file was not actually parsed as TS file so you got this error.

This should be resolved in 3.3.5 where config file can be written in pure TS.

Please update once it is released

[DavertMik]

@nicostubi

For example, here the documentation describes the process for an Actor implemented in JavaScript. But not in TypeScript.

You are right, and to be honest I could not find any good TypeScript way to customize actor as we do in JS. So in 3.3.5 when you create a TS project there will be no custom actor created. You should use PageObjects instead.

So currently this limitation still there but not a critical one.

Probably some internal API should be changed to make it work fluently in TypeScript