mirror of
https://github.com/tiddly-gittly/TidGi-Desktop.git
synced 2026-03-07 14:30:42 -08:00
19902d7c51
Implements the ability to attach wiki tiddlers to agent chat messages. Updates the UI to allow selection of tiddlers from active wiki workspaces, fetches and renders tiddler content as plain text, and appends it to the user message sent to the AI. Includes e2e tests, updates to store actions, service interfaces, and prompt concatenation logic to support this feature.
111 lines
6.1 KiB
Gherkin
111 lines
6.1 KiB
Gherkin
Feature: Message Streaming Status
|
|
As a user
|
|
I want the send button to return to normal state after AI completes
|
|
So that I can send multiple messages consecutively
|
|
|
|
Background:
|
|
Given I add test ai settings
|
|
And I have started the mock OpenAI server without rules
|
|
Then I launch the TidGi application
|
|
And I wait for the page to load completely
|
|
And I should see a "page body" element with selector "body"
|
|
# Navigate to agent workspace
|
|
And I click on "agent workspace button and new tab button" elements with selectors:
|
|
| element description | selector |
|
|
| agent workspace | [data-testid='workspace-agent'] |
|
|
| new tab button | [data-tab-id='new-tab-button'] |
|
|
|
|
@agent @mockOpenAI @streamingStatus
|
|
Scenario: Send button returns to normal state after AI response completes
|
|
# Add mock response
|
|
Given I add mock OpenAI responses:
|
|
| response | stream |
|
|
| First reply | false |
|
|
| Second reply | false |
|
|
| Third reply | false |
|
|
|
|
# Open agent chat
|
|
When I click on a "new tab button" element with selector "[data-tab-id='new-tab-button']"
|
|
And I should see a "search interface" element with selector ".aa-Autocomplete"
|
|
When I click on a "search input box" element with selector ".aa-Input"
|
|
And I should see an "autocomplete panel" element with selector ".aa-Panel"
|
|
When I click on an "agent suggestion" element with selector '[data-autocomplete-source-id="agentsSource"] .aa-ItemWrapper'
|
|
And I should see a "message input box" element with selector "[data-testid='agent-message-input']"
|
|
|
|
# Send first message
|
|
When I click on a "message input textarea" element with selector "[data-testid='agent-message-input']"
|
|
When I type "First message" in "chat input" element with selector "[data-testid='agent-message-input']"
|
|
And I press "Enter" key
|
|
Then I should see 2 messages in chat history
|
|
|
|
# Verify send button is in normal state (not streaming)
|
|
# The send icon should be visible and cancel icon should not be visible
|
|
And I should see a "send button icon" element with selector "[data-testid='send-icon']"
|
|
And I should not see a "cancel button icon" element with selector "[data-testid='cancel-icon']"
|
|
|
|
# Send second message to confirm button works
|
|
When I type "Second message" in "chat input" element with selector "[data-testid='agent-message-input']"
|
|
And I press "Enter" key
|
|
Then I should see 4 messages in chat history
|
|
|
|
# Verify send button is still in normal state
|
|
And I should see a "send button icon" element with selector "[data-testid='send-icon']"
|
|
And I should not see a "cancel button icon" element with selector "[data-testid='cancel-icon']"
|
|
|
|
# Send third message to triple confirm
|
|
When I type "Third message" in "chat input" element with selector "[data-testid='agent-message-input']"
|
|
And I press "Enter" key
|
|
Then I should see 6 messages in chat history
|
|
|
|
# Final verification
|
|
And I should see a "send button icon" element with selector "[data-testid='send-icon']"
|
|
And I should not see a "cancel button icon" element with selector "[data-testid='cancel-icon']"
|
|
|
|
@agent @mockOpenAI @streamingStatus @imageUpload
|
|
Scenario: Image upload streaming status and history verification
|
|
# Add mock responses
|
|
Given I add mock OpenAI responses:
|
|
| response | stream |
|
|
| Received image and text | false |
|
|
| Received second message | false |
|
|
|
|
# Open agent chat
|
|
When I click on a "new tab button" element with selector "[data-tab-id='new-tab-button']"
|
|
And I should see a "search interface" element with selector ".aa-Autocomplete"
|
|
When I click on a "search input box" element with selector ".aa-Input"
|
|
And I should see an "autocomplete panel" element with selector ".aa-Panel"
|
|
When I click on an "agent suggestion" element with selector '[data-autocomplete-source-id="agentsSource"] .aa-ItemWrapper'
|
|
And I should see a "message input box" element with selector "[data-testid='agent-message-input']"
|
|
|
|
# Click attachment button to open autocomplete
|
|
When I click on a "attach button" element with selector "[data-testid='agent-attach-button']"
|
|
# Wait for autocomplete to open
|
|
And I should see a "attachment autocomplete input" element with selector "[data-testid='attachment-autocomplete-input']"
|
|
# Click on "Add Image" option (first option with type=image)
|
|
When I click on a "add image option" element with selector "[data-testid='attachment-option-image-AddImage']"
|
|
# Now the file input dialog should open - set file directly to the hidden file input
|
|
When I set file "template/wiki/files/TiddlyWikiIconBlack.png" to file input with selector "input[type='file']"
|
|
# Verify image preview appears
|
|
Then I should see an "attachment preview" element with selector "[data-testid='attachment-preview']"
|
|
|
|
# Send message with image
|
|
When I click on a "message input textarea" element with selector "[data-testid='agent-message-input']"
|
|
When I type "Describe this image" in "chat input" element with selector "[data-testid='agent-message-input']"
|
|
And I press "Enter" key
|
|
Then I should see 2 messages in chat history
|
|
|
|
# Verify image appears in chat history
|
|
And I should see a "message image attachment" element with selector "[data-testid='message-image-attachment']"
|
|
|
|
# Verify send button returned to normal after first message
|
|
And I should see a "send button icon" element with selector "[data-testid='send-icon']"
|
|
And I should not see a "cancel button icon" element with selector "[data-testid='cancel-icon']"
|
|
|
|
# Send second message to check history includes image
|
|
When I type "Continue" in "chat input" element with selector "[data-testid='agent-message-input']"
|
|
And I press "Enter" key
|
|
Then I should see 4 messages in chat history
|
|
|
|
# Verify send button is still normal after second message
|
|
And I should see a "send button icon" element with selector "[data-testid='send-icon']"
|
|
And I should not see a "cancel button icon" element with selector "[data-testid='cancel-icon']"
|