update streamfeed tests for new hero section

Author: StackOverflowIsBetterThanAnyAI

cypress/e2e/streamfeed.cy.js

@@ -6,20 +6,36 @@ describe('twitch-app contains valid streamfeed', () => {
     })
 
     it('shows default heading', () => {
-        cy.get('[data-testid="streamfeed-heading"]').should('have.length', 1)
+        cy.get('[data-testid="streamfeed-heading-1"]').should('have.length', 1)
 
-        cy.get('[data-testid="streamfeed-heading"]')
+        cy.get('[data-testid="streamfeed-heading-1"]')
             .children()
             .should('have.length', 2)
+
+        cy.get('[data-testid="streamfeed-heading-2"]').should('have.length', 1)
+
+        cy.get('[data-testid="streamfeed-heading-2"]')
+            .children()
+            .should('have.length', 3)
     })
 
     it('contains correct default heading content', () => {
-        cy.get('[data-testid="streamfeed-heading"]')
+        cy.get('[data-testid="streamfeed-heading-1"]')
+            .children()
+            .eq(0)
+            .contains('Current')
+
+        cy.get('[data-testid="streamfeed-heading-1"]')
+            .children()
+            .eq(1)
+            .contains('Top Livestream')
+
+        cy.get('[data-testid="streamfeed-heading-2"]')
             .children()
             .eq(0)
             .contains('German Livestreams')
 
-        cy.get('[data-testid="streamfeed-heading"]')
+        cy.get('[data-testid="streamfeed-heading-2"]')
             .children()
             .eq(1)
             .contains('you might like')
@@ -38,7 +54,7 @@ describe('twitch-app contains valid streamfeed', () => {
 
         cy.get('[data-testid="streamfeed-article-0"]')
             .children()
-            .should('have.length', 2)
+            .should('have.length', 3)
 
         cy.get('[data-testid="streamfeed-thumbnail-0').should('have.length', 1)
 

src/components/streamFeed/StreamHero.tsx

@@ -23,7 +23,7 @@ const StreamHero = ({ bgColors, filteredStreamData }: StreamHeroProps) => {
         <>
             <h1
                 className="w-full lg:w-4/5 max-w-6xl m-auto pt-4 text-2xl lg:text-3xl"
-                data-testid="streamfeed-heading-2"
+                data-testid="streamfeed-heading-1"
             >
                 <span className="text-slate-300">Current</span>
                 <span className="text-purple-400"> Top Livestream</span>