Add E2E test of audio player (#10441)

Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
matrix-org · Apr 6, 2023 · 374a23e · 374a23e
1 parent e03eac1
commit 374a23e
Show file tree

Hide file tree

Showing 7 changed files with 392 additions and 2 deletions.
diff --git a/cypress/e2e/audio-player/audio-player.spec.ts b/cypress/e2e/audio-player/audio-player.spec.ts
diff --git a/cypress/fixtures/1sec-long-name-audio-file.ogg b/cypress/fixtures/1sec-long-name-audio-file.ogg
diff --git a/cypress/fixtures/upload-first.ogg b/cypress/fixtures/upload-first.ogg
diff --git a/cypress/fixtures/upload-second.ogg b/cypress/fixtures/upload-second.ogg
diff --git a/cypress/fixtures/upload-third.ogg b/cypress/fixtures/upload-third.ogg
diff --git a/src/components/views/settings/ThemeChoicePanel.tsx b/src/components/views/settings/ThemeChoicePanel.tsx
@@ -168,7 +168,7 @@ export default class ThemeChoicePanel extends React.Component<IProps, IState> {
             (findHighContrastTheme(this.state.theme) || isHighContrastTheme(this.state.theme))
         ) {
             return (
-                <div>
+                <div data-testid="theme-choice-panel-highcontrast">
                     <StyledCheckbox
                         checked={isHighContrastTheme(this.state.theme)}
                         onChange={(e) => this.highContrastThemeChanged(e.target.checked)}
@@ -248,7 +248,7 @@ export default class ThemeChoicePanel extends React.Component<IProps, IState> {
             <div className="mx_SettingsTab_section mx_ThemeChoicePanel">
                 <span className="mx_SettingsTab_subheading">{_t("Theme")}</span>
                 {systemThemeSection}
-                <div className="mx_ThemeSelectors">
+                <div className="mx_ThemeSelectors" data-testid="theme-choice-panel-selectors">
                     <StyledRadioGroup
                         name="theme"
                         definitions={orderedThemes.map((t) => ({

diff --git a/test/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap b/test/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
@@ -12,6 +12,7 @@ exports[`ThemeChoicePanel renders the theme choice UI 1`] = `
     </span>
     <div
       class="mx_ThemeSelectors"
+      data-testid="theme-choice-panel-selectors"
     >
       <label
         class="mx_StyledRadioButton mx_ThemeSelector_light mx_StyledRadioButton_disabled mx_StyledRadioButton_outlined"
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,7 @@ exports[`ThemeChoicePanel renders the theme choice UI 1`] = ` @@
         </span>
         <div
           class="mx_ThemeSelectors"
+          data-testid="theme-choice-panel-selectors"
         >
           <label
             class="mx_StyledRadioButton mx_ThemeSelector_light mx_StyledRadioButton_disabled mx_StyledRadioButton_outlined"
@@ Expand Down @@