insomnia/packages/insomnia-smoke-test/tests/prerelease/plugins-interactions.test.ts

43 lines
1.6 KiB
TypeScript
Raw Normal View History

import { expect } from '@playwright/test';
import { test } from '../../playwright/test';
test.describe('Plugins', async () => {
test('Open plugins menu and generate plugin', async ({ page }) => {
// Opening settings
await page.locator('[data-testid="settings-button"]').click();
// Switching to Plugins tab
Tabs accessibility (#4944) * Create a wrapper Tab component * Used the new Tabs component and remove the button from children from grpc-tabbed-messages * Used the new Tabs component and remove the button from children from grpc-request-pane * Used the new Tabs component and remove the button from children from response-pane * Used the new Tabs component and remove the button from children from request-pane * Used the new Tabs component and remove the button from children from git-repository-settings-modal * Used the new Tabs component and remove the button from children from settings-modal * Used the new Tabs component and remove the button from children from workspace-settings-modal * Used the new Tabs component and remove the button from children from generate-config-modal * Used the new Tabs component and remove the button from children from cookie-modify-modal * Used the new Tabs component and remove the button from children from markdown-editor * Use react-aria tabs instead of react-tabs * Delete react-tabs dependency * Use new tabs component and replace markdown-editor with styled-component instead of using less css * Created query editor component with styled-components instead of using less css * Update index.css * Use new tabs component into cookie-modify-modal * Use new tabs in general-config-modal * Use new tabs in settings-modal * Use new tabs in workspace-settings-modal * Use new tabs in git-repository-settings-modal * Use new tabs in request-pane * Use new tabs in response-pane * Use new tabs in grpc-request-pane * Use new tabs in grpc-tabbed-messages * Use new geury editor component and new tab implementation in websocket-request-pane * Use new tabs in websockets-response-pane * Change the package-lock.json file * Remove className props from TabItemProps * Fix rendering issue with tabs children and move action buttons above the nested tabs * Added nested tabs option * Added nested styling * Made the grpc-tabbed-messages to be nested tabs * Fix issue with styles into tablist * Move less styles to styles component * Fixed style issue with borders when tab is selected * Fix styling issues with nested tabs * Added aria labels for all tabs * Fixed tab tests * Fix issue with plugings test * Remove the outline from selected tab * Fix scrolling issue with some tab panels * Remove outline from activity toggle * Add failing test for the Declarative config and kong kubernetes * Fixed issue with generate config modal into the panel * docs and ws request body styling Co-authored-by: Filipe Freire <livrofubia@gmail.com> Co-authored-by: gatzjames <jamesgatzos@gmail.com>
2022-11-11 18:38:30 +00:00
await page.locator('div[role="tab"]:has-text("Plugins")').click();
// Generate new plugin
await page.locator('text=Generate New Plugin').click();
await page.locator('text=Generate').first().click();
// check if the plugin shows up on the plugin list
await expect(page.locator('.app')).toContainText('insomnia-plugin-demo-example');
});
Tabs accessibility (#4944) * Create a wrapper Tab component * Used the new Tabs component and remove the button from children from grpc-tabbed-messages * Used the new Tabs component and remove the button from children from grpc-request-pane * Used the new Tabs component and remove the button from children from response-pane * Used the new Tabs component and remove the button from children from request-pane * Used the new Tabs component and remove the button from children from git-repository-settings-modal * Used the new Tabs component and remove the button from children from settings-modal * Used the new Tabs component and remove the button from children from workspace-settings-modal * Used the new Tabs component and remove the button from children from generate-config-modal * Used the new Tabs component and remove the button from children from cookie-modify-modal * Used the new Tabs component and remove the button from children from markdown-editor * Use react-aria tabs instead of react-tabs * Delete react-tabs dependency * Use new tabs component and replace markdown-editor with styled-component instead of using less css * Created query editor component with styled-components instead of using less css * Update index.css * Use new tabs component into cookie-modify-modal * Use new tabs in general-config-modal * Use new tabs in settings-modal * Use new tabs in workspace-settings-modal * Use new tabs in git-repository-settings-modal * Use new tabs in request-pane * Use new tabs in response-pane * Use new tabs in grpc-request-pane * Use new tabs in grpc-tabbed-messages * Use new geury editor component and new tab implementation in websocket-request-pane * Use new tabs in websockets-response-pane * Change the package-lock.json file * Remove className props from TabItemProps * Fix rendering issue with tabs children and move action buttons above the nested tabs * Added nested tabs option * Added nested styling * Made the grpc-tabbed-messages to be nested tabs * Fix issue with styles into tablist * Move less styles to styles component * Fixed style issue with borders when tab is selected * Fix styling issues with nested tabs * Added aria labels for all tabs * Fixed tab tests * Fix issue with plugings test * Remove the outline from selected tab * Fix scrolling issue with some tab panels * Remove outline from activity toggle * Add failing test for the Declarative config and kong kubernetes * Fixed issue with generate config modal into the panel * docs and ws request body styling Co-authored-by: Filipe Freire <livrofubia@gmail.com> Co-authored-by: gatzjames <jamesgatzos@gmail.com>
2022-11-11 18:38:30 +00:00
test('Check Declarative Config and Kong Kubernetes config', async ({ page }) => {
// Switch to design tab
await page.click('text=Design');
// Set example OpenAPI spec
await page.click('text=start from an example');
await expect(page.locator('.app')).toContainText('This is a sample server Petstore server');
// Open declarative config
Feature/ins-2070-bug-updowntabshifttab-not-working (#5615) * Update version of react-aria package * Create dropdown hint component * Create dropdown button component * Create the popover component * Create the menu item component * Create the menu section component * Create the menu component * Create the dropdown related components * Change the hotkey html tag * Added full width option for prompt-button * Replace the dropdown with the new * Add some default props for dropdown * Used themed button into dropdown button * Added style prop for dropdown * Remove checkmark from menu item * Added styled props to popover * Remove inner button from account toolbar * Added new dropdown into cookie-list * Revert package update * WIP * Delete button component and replace it's usage with dropdown button * Fix spacing * Added className for code-editor dropdown * Remove the old dropdown * Change import * Revert some ref changes * Added ref to dropdown * Fixed some styles * Fix issues like autosave and added isDisable prop * Add title * Remove insomnia-common imports * Remove insomnia-common imports * Fix code format * Change style and fix code format * Fix styles * Replace dropdown import * Fix divider style * Fix last icon in sidebar create dropdown * Fix issue with dropdown and the resizing screen * Fix linter issues * Moved the prompt button into itemContent component * Change styled component * Fix issue with sidebar-request-row to display the dropdown on hover * Remove the item content in a separate component * Remove unused css * Destructure children props * Fix trigger prop for grpc-method-dropdown * Added prompt button when user delete test suite * Hide empty dropdown items from section * Fix linter issues * Added Checkmark into item content * Fix issue with linter and shortcut component * Fixed linter issues * Revert fragments * Fix linter issues * Added props for multiple select and disable * Fix close issue with sidebar dropdown * Update disable and stay open prop for all dropdowns * Added aria-label for dropdown, section, items * Added selected style for item * Added logic for disabled items * Fixed issue with selected items * Fix issue with selection of grpc method dropdown * Added aria-label to code-editor * Fix issue with onClick and prompt * Hide sections if it's empty * Remove on select from item content * Pass closeOnSelect props in the menu * Removed dataTestId from dropdown items in request-actions * Fix debug sidebar dropdown tests * Change the cookie editor interactions tests * Fix dashboard interactions tests * Fix design-interactions tests * Fixed grpc-interactions tests * Fix plugins interactions tests * Fix preferences interactions tests * Fixed request-pane-tab tests * Fixed app smoke tests * Update git-sync smoke tests * Fix space issue * Fixed graphql smoke test * Fixed oauth smoke test * Fixed oauth smoke test * Fixed websocket smoke test * Fixed cookie-editor-interactions tests * Remove the dropdown unit test * Made small refactoring and remove unnecessary props * Fix issue with grpc-method-dropdown * Change the grpc smoke test * Added default role props * Update all tests that use project role * Remove console.log * Fix issue with themes * REmove dropdown import from index.less file * Remove handleClick and add some comments * Use getItemCount from react-stately * Remove method-dropdown css * Fix shortcut button style * remove extra space on sync-dropdown * fix lint * Remove unused prop * Fix issue with remote workspace dropdown * remove divider on first section if empty * remove unused showGrpc option in method dropdown * Fix issue with workspace-dropdown * Fix git-sync-dropdown issues * Fix issue with remove workspaces dropdown * Fix sync-dropdown component * Added disable style * Moved server reflection and proto file outside of the dropdown * Fix style when item is selected * Fix issue with grpc smoke test * Fix issue with menu props * Disable server reflection button if url is empty Co-authored-by: Filipe Freire <livrofubia@gmail.com> Co-authored-by: gatzjames <jamesgatzos@gmail.com>
2023-01-20 14:49:52 +00:00
await page.getByRole('button', { name: 'New Document' }).click();
await page.getByRole('menuitem', { name: 'Declarative Config' }).click();
Tabs accessibility (#4944) * Create a wrapper Tab component * Used the new Tabs component and remove the button from children from grpc-tabbed-messages * Used the new Tabs component and remove the button from children from grpc-request-pane * Used the new Tabs component and remove the button from children from response-pane * Used the new Tabs component and remove the button from children from request-pane * Used the new Tabs component and remove the button from children from git-repository-settings-modal * Used the new Tabs component and remove the button from children from settings-modal * Used the new Tabs component and remove the button from children from workspace-settings-modal * Used the new Tabs component and remove the button from children from generate-config-modal * Used the new Tabs component and remove the button from children from cookie-modify-modal * Used the new Tabs component and remove the button from children from markdown-editor * Use react-aria tabs instead of react-tabs * Delete react-tabs dependency * Use new tabs component and replace markdown-editor with styled-component instead of using less css * Created query editor component with styled-components instead of using less css * Update index.css * Use new tabs component into cookie-modify-modal * Use new tabs in general-config-modal * Use new tabs in settings-modal * Use new tabs in workspace-settings-modal * Use new tabs in git-repository-settings-modal * Use new tabs in request-pane * Use new tabs in response-pane * Use new tabs in grpc-request-pane * Use new tabs in grpc-tabbed-messages * Use new geury editor component and new tab implementation in websocket-request-pane * Use new tabs in websockets-response-pane * Change the package-lock.json file * Remove className props from TabItemProps * Fix rendering issue with tabs children and move action buttons above the nested tabs * Added nested tabs option * Added nested styling * Made the grpc-tabbed-messages to be nested tabs * Fix issue with styles into tablist * Move less styles to styles component * Fixed style issue with borders when tab is selected * Fix styling issues with nested tabs * Added aria labels for all tabs * Fixed tab tests * Fix issue with plugings test * Remove the outline from selected tab * Fix scrolling issue with some tab panels * Remove outline from activity toggle * Add failing test for the Declarative config and kong kubernetes * Fixed issue with generate config modal into the panel * docs and ws request body styling Co-authored-by: Filipe Freire <livrofubia@gmail.com> Co-authored-by: gatzjames <jamesgatzos@gmail.com>
2022-11-11 18:38:30 +00:00
// Check for declarative config contents
await page.click('text=/.*"_format_version".*/');
// Switch to Kong for Kubernetes tab
await page.click('div[role="tab"]:has-text("Kong for Kubernetes")');
// Check for Kong for Kubernetes contents
await page.click('text=apiVersion: networking.k8s.io/v1');
});
// TODO: more scenarios will be added in follow-up iterations of increasing test coverage
});