E2E/Playwright: Instantiate page in pw (#29765)

* instantiate page in pw

* update spec

* fix storage key and require user when logging in via API

---------

Co-authored-by: Mattermost Build <build@mattermost.com>

e2e-tests/playwright/tests/visual/channels/intro_channel.spec.ts

@@ -3,15 +3,14 @@
 
 import {expect, test} from '@e2e-support/test_fixture';
 
-test.fixme('Intro to channel as regular user', async ({pw, pages, browserName, viewport}, testInfo) => {
+test.fixme('Intro to channel as regular user', async ({pw, browserName, viewport}, testInfo) => {
     // Create and sign in a new user
     const {user} = await pw.initSetup();
 
     // Log in a user in new browser context
-    const {page} = await pw.testBrowser.login(user);
+    const {page, channelsPage} = await pw.testBrowser.login(user);
 
     // Visit a default channel page
-    const channelsPage = new pages.ChannelsPage(page);
     await channelsPage.goto();
     await channelsPage.toBeVisible();
 
@@ -22,6 +21,6 @@ test.fixme('Intro to channel as regular user', async ({pw, pages, browserName, v
     await pw.hideDynamicChannelsContent(page);
 
     // Match snapshot of channel intro page
-    const testArgs = {page, browserName, viewport};
+    const testArgs = {page: page, browserName, viewport};
     await pw.matchSnapshot(testInfo, testArgs);
 });