Skip to content

Bug: TimeRange zone selection issue #1716

@odemkovych

Description

@odemkovych

Which package(s) does this bug affect?

  • Create Plugin
  • Sign Plugin
  • Plugin E2E
  • Plugin Meta Extractor
  • Plugin ESLint Rules

Package versions

1.17.1

What happened?

In playwright test when editPanelPage.timeRange.set function is invoked
component 'packages/plugin-e2e/src/models/components/TimeRange.ts' at line 28 'fill...' times out

await this.getByGrafanaSelector(TimeZonePicker.containerV2).fill(zone);

with next error:

Error: locator.fill: Error: Element is not an <input>, <textarea>, <select> or [contenteditable] and does not have a role allowing [aria-readonly]

What you expected to happen

From, To, Zone information should be properly set into Grafana's Time Range.

How to reproduce it (as minimally and precisely as possible)

  1. any environment
  2. any config
  3. any grafana e2e test with injected panelEditPage run panelEditPage.timeRange.set({zone: "Coordinated Universal Time"})
  4. the function fails

Environment

System:
    OS: macOS 15.4
    CPU: (10) arm64 Apple M1 Pro
    Memory: 342.48 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.13.1 - /opt/homebrew/bin/node
    npm: 10.9.2 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 135.0.7049.43
    Safari: 18.4
  npmPackages:
    @grafana/data: ^10.4.0 => 10.4.17 
    @grafana/eslint-config: ^8.0.0 => 8.0.0 
    @grafana/plugin-e2e: ^1.17.1 => 1.19.3 
    @grafana/plugin-ui: ^0.9.6 => 0.9.6 
    @grafana/runtime: ^10.4.0 => 10.4.17 
    @grafana/schema: ^10.4.0 => 10.4.17 
    @grafana/tsconfig: ^2.0.0 => 2.0.0 
    @grafana/ui: ^10.4.0 => 10.4.17

Additional context

In order to fix it 'packages/plugin-e2e/src/models/components/TimeRange.ts' at line 28 should be replaced with next code

        await this.getByGrafanaSelector(TimeZonePicker.containerV2).click();
        await this.getByGrafanaSelector(selectors.components.Select.option).filter({hasText: zone}).click()

Metadata

Metadata

Assignees

Labels

releasedThis issue/pull request has been released.

Type

No type

Projects

Status

🚀 Shipped

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions