TILs - Fueling Curiosity, One Insight at a Time

const server = setupServer(
  rest.get(`/api/channels/C04UPJ9243E/members`, (req, res, ctx) => {
    return res(
      ctx.json({
        members: [{ name: "Sibtain", image: "abcd.jsp", id: 123 }],
      })
    );
  })
);

beforeAll(() => server.listen());
afterAll(() => server.close());

afterEach(() => server.resetHandlers());

test('render stuff, () => {
}

{
  "BASE_URL": "https://company.dev.com/",
  "USER_EMAIL": "[email protected]",
  "USER_PASSWORD": "Test@12345",
}

const baseUrl = Cypress.env('BASE_URL');

{
       "BASE_URL": "",
       "USER_EMAIL": "",
       "USER_PASSWORD": "",
  }

env:
       CYPRESS_BASE_URL: ${{ secrets.BASE_URL }}
       CYPRESS_USER_EMAIL: ${{ secrets.USER_EMAIL }}
       CYPRESS_USER_PASSWORD: ${{ secrets.USER_PASSWORD }}

import { useEffect } from 'react';
import { useRouter } from 'next/router';

export const ResetPasswordPage = () => {
  const { push, query, isReady } = useRouter();
  const { username, code } = query as ResetPasswordPageQuery;
   ...
  useEffect(() => {
    if (isReady && (!username || !code)) {
      push('/login');
    }
  }, [isReady, username, code, push]);
  ...
};

type AdminUser = {
  id: number;
  name: string;
  email: string;
  phone: string;
  password: string;
  age: number;
  isAdmin:  boolean;
  ...
}

type BasicUser = Pick<AdminUser, 'id' | 'name' | 'email'>;