Fix E2E test issue with Grading Periods Not being shown correctly on Grades Filter screen

[suhaibabsi-inst]

refs: MBL-18084
affects: Student
release note: Fixes E2E test issue with Grading Periods Not being shown correctly on Grades Filter screen

What's changed

The resolution was basically to hide the filter button on screen appearance, until the loading finishes for the first time. Subsequent reloading won't hide it again.

Screen Recording

Simulator.Screen.Recording.-.iPhone.16.-.2024-12-22.at.17.09.18.mp4

Test Plan

• Login to a student account
• Navigate to a course Grades screen
• While initial loading, filter button is not being displayed
• After first loading, on success or failure, filter button must be displayed.
• Try reloading the screen or picking a grading period from filter screen, at all cases filter button should still be displayed.

Checklist

• Follow-up e2e test ticket created
• A11y checked
• Tested on phone
• Tested on tablet
• Tested in dark mode
• Tested in light mode
• Approve from product

[inst-danger]

Student Build QR Code:

[inst-danger]

	Fails
🚫	Build failed, skipping coverage check

Release Note:

Fixes E2E test issue with Grading Periods Not being shown correctly on Grades Filter screen

Affected Apps: Student

MBL-18084

❌ XCTest failed: CoreTests/AssignmentCellViewModelTests/testSubmissionStatusAndIconAndColor

XCTAssertEqual failed: ("#6a7883") is not equal to ("#697783")
XCTAssertEqual failed: ("#03893d") is not equal to ("#03893c")

Generated by 🚫 dangerJS against 7b11fab