Merge branch 'main' into fix-filter-issue

.github/workflows/auto-author-assign.yml

@@ -0,0 +1,14 @@
+
+name: 'Author Assign'
+
+on:
+ pull_request_target:
+ types: [opened, reopened]
+
+jobs:
+ assign-author:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: toshimaru/auto-author-assign
+ with:
+ repo-token: '${{ secrets.GITHUB_TOKEN }}'

cypress/e2e/homePage.cy.ts

@@ -1,38 +1,26 @@
-/// <reference types="cypress" />
+// / <reference types="cypress" />
 
-import { CONTRIBUTORS_COUNT, TWEET_COUNT } from '../support/constant';
+import { CONTRIBUTORS_COUNT, TESTIMONIALS_COUNT } from '../support/constant';
 
 describe('Test home page', () => {
  beforeEach(() => {
+ cy.intercept('POST', '**/v1/graphql').as('contribs');
  cy.visit('/');
+ cy.wait('@contribs');
  });
 
  it('Header component should render properly', () => {
- cy.get('[data-testid="app-header"]').should('be.visible');
- cy.get('[data-testid="app-logo"]').should('be.visible');
- cy.get('[data-testid="plays-search-box-container"]').should('not.exist');
- cy.get('[data-testid="header-links-container"]').should('be.visible');
- cy.get('[data-testid="browse-btn"]').should('be.visible').as('browseBtn');
- cy.get('[data-testid="create-btn"]').should('be.visible');
- cy.get('[data-testid="ideas-btn"]').should('be.visible');
- cy.get('[data-testid="github-btn"]').should('be.visible');
- cy.get('[data-testid="twitter-btn"]').should('be.visible');
- cy.get('[data-testid="share-btn"]').should('be.visible');
- cy.get('[data-testid="leaderboard-btn"]').should('be.visible');
+ cy.header();
+ });
 
- cy.get('@browseBtn').click();
- cy.get('[data-testid="plays-search-box-container"]').should('be.visible');
+ it('Testitomonials section should render and navigation must be clickable', () => {
+ cy.get('[data-testid="testimonials-section"]').scrollIntoView().should('be.visible');
+ cy.get('[data-testid="testimonials-swiper"]').scrollIntoView().should('be.visible');
  });
 
- it('Tweet section should render with all tweets', () => {
- cy.intercept('GET', 'https://cdn.syndication.twimg.com/*').as('tweets');
- cy.wait('@tweets');
- cy.get('[data-testid="tweet-container"]').scrollIntoView().should('be.visible');
- cy.get('[data-testid="tweet-container"] [id*="twitter-widget"]').should(
- 'have.length',
- TWEET_COUNT
- );
- cy.get('[data-testid="watch-svg"]').should('not.exist');
+ it('Testitomonials should have a number of slides', () => {
+ cy.get('[data-testid="testimonials-swiper"]').scrollIntoView().should('be.visible');
+ cy.get('.swiper-slide').should('have.length', TESTIMONIALS_COUNT);
  });
 
  it('Contributors section should render with all contributors', () => {

cypress/e2e/ideasPage.cy.ts

@@ -0,0 +1,11 @@
+// / <reference types="cypress" />
+
+describe('Test play ideas page', () => {
+ beforeEach(() => {
+ cy.visit('/ideas');
+ });
+
+ it('Header component should render properly', () => {
+ cy.header();
+ });
+});

cypress/e2e/leaderboardPage.cy.ts

@@ -0,0 +1,11 @@
+// / <reference types="cypress" />
+
+describe('Test leaderboard page', () => {
+ beforeEach(() => {
+ cy.visit('/leaderboard');
+ });
+
+ it('Header component should render properly', () => {
+ cy.header();
+ });
+});

cypress/support/commands.ts

@@ -1,4 +1,4 @@
-/// <reference types="cypress" />
+// / <reference types="cypress" />
 // ***********************************************
 // This example commands.ts shows you how to
 // create various custom commands and overwrite
@@ -35,3 +35,20 @@
 // }
 // }
 // }
+
+// methods
+Cypress.Commands.add('header', () => {
+ cy.get('[data-testid="app-header"]').should('be.visible');
+ cy.get('[data-testid="app-logo"]').should('be.visible');
+ cy.get('[data-testid="plays-search-box-container"]').should('not.exist');
+ cy.get('[data-testid="header-links-container"]').should('be.visible');
+ cy.get('[data-testid="browse-btn"]').should('be.visible').as('browseBtn');
+ cy.get('[data-testid="create-btn"]').should('be.visible');
+ cy.get('[data-testid="ideas-btn"]').should('be.visible');
+ cy.get('[data-testid="github-btn"]').should('be.visible');
+ cy.get('[data-testid="twitter-btn"]').should('be.visible');
+ cy.get('[data-testid="share-btn"]').should('be.visible');
+ cy.get('[data-testid="leaderboard-btn"]').should('be.visible');
+ cy.get('@browseBtn').click();
+ cy.get('[data-testid="plays-search-box-container"]').should('be.visible');
+});

cypress/support/constant.ts

@@ -1,2 +1,2 @@
-export const TWEET_COUNT = 11;
+export const TESTIMONIALS_COUNT = 9;
 export const CONTRIBUTORS_COUNT = 29;

src/App.jsx

@@ -1,4 +1,4 @@
-import 'App.css';
+import './App.css';
 import { Outlet } from 'react-router-dom';
 
 function App() {

src/common/home/Sponsors.jsx

@@ -47,10 +47,11 @@ const Sponsors = () => {
  <h3>Event Partners</h3>
  <div className="content">
  <div className="partners-sponsors-grid">
- {eventPartners.map((p) => (
+ {eventPartners.map((p, index) => (
  <a
  className="partners-sponsors-grid-item"
  href={p.website}
+ key={index}
  rel="noreferrer"
  target="_blank"
  >
@@ -72,10 +73,11 @@ const Sponsors = () => {
  <h3>Event Sponsors</h3>
  <div className="content">
  <div className="partners-sponsors-grid">
- {eventSponsors.map((s) => (
+ {eventSponsors.map((s, index) => (
  <a
  className="partners-sponsors-grid-item"
  href={s.website}
+ key={index}
  rel="noreferrer"
  target="_blank"
  >
@@ -142,7 +144,7 @@ const Sponsors = () => {
  alignItems: 'center'
  }}
  >
- {/* {primeSponsors.map((p) => (
+ {/* {primeSponsors.map((p,index) => (
  <a className="prime-sponsors-grid-item" rel="noreferrer" target="_blank">
  abcd
  </a>

src/index.jsx

@@ -1,9 +1,9 @@
 import RouteDefs from 'common/routing/RouteDefs';
 import { SearchContextProvider } from 'common/search/search-context';
-import 'index.css';
+import './index.css';
 import React, { useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import reportWebVitals from 'reportWebVitals';
+import reportWebVitals from './reportWebVitals';
 import register from './registerServiceWorker';
 import ErrorBoundry from './ErrorBoundary/ErrorBoundary';
 import Notification from 'common/components/Notification';

src/plays/github-user-finder/components/ProfileCard.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useResultContext } from '../context/ResultContext';
-import { formatDate } from '../../../common/utils/commonUtils';
+import { formatDate } from 'common/utils/commonUtils';
 
 const ProfileCard = () => {
  const { results } = useResultContext();

src/plays/personal-profile-card/PersonalProfileCard.tsx

@@ -1,7 +1,7 @@
 import PlayHeader from 'common/playlists/PlayHeader';
 import React, { useState, ChangeEvent, useEffect } from 'react';
 
-import useLocalStorage from '../../common/hooks/useLocalStorage';
+import useLocalStorage from 'common/hooks/useLocalStorage';
 import ProfileType from './types';
 import ProfileCard from './components/profile-card';
 import ProfileForm from './components/profile-form';

src/plays/random-quote-card-generator/Components/CardContainer.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { FaQuoteLeft } from 'react-icons/fa';
-import data from '../data';
+
 const CardContainer = ({
  gradientColor,
  quote,

src/plays/video-preview/Card.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { formatDurationCount, formatViewCount } from '../../common/utils/formatCount';
+import { formatDurationCount, formatViewCount } from 'common/utils/formatCount';
 import { GoVerified } from 'react-icons/go';
 import { VERIFIED_CHANNEL } from './utils/constants';