@api-client/ui 0.3.1 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/src/elements/environment/EnvironmentEditor.d.ts.map +1 -1
- package/build/src/elements/environment/EnvironmentEditor.js +8 -6
- package/build/src/elements/environment/EnvironmentEditor.js.map +1 -1
- package/build/src/elements/har/HarViewer.d.ts.map +1 -1
- package/build/src/elements/har/HarViewer.js +13 -15
- package/build/src/elements/har/HarViewer.js.map +1 -1
- package/build/src/elements/http/RequestEditor.d.ts +2 -1
- package/build/src/elements/http/RequestEditor.d.ts.map +1 -1
- package/build/src/elements/http/RequestEditor.js +17 -12
- package/build/src/elements/http/RequestEditor.js.map +1 -1
- package/build/src/elements/http/RequestLog.d.ts.map +1 -1
- package/build/src/elements/http/RequestLog.js +34 -8
- package/build/src/elements/http/RequestLog.js.map +1 -1
- package/build/src/md/button/internals/button.styles.js +4 -4
- package/build/src/md/button/internals/button.styles.js.map +1 -1
- package/build/src/md/motion/animation.d.ts +5 -3
- package/build/src/md/motion/animation.d.ts.map +1 -1
- package/build/src/md/motion/animation.js +4 -2
- package/build/src/md/motion/animation.js.map +1 -1
- package/build/src/md/ripple/internals/ripple.styles.d.ts.map +1 -1
- package/build/src/md/ripple/internals/ripple.styles.js +20 -8
- package/build/src/md/ripple/internals/ripple.styles.js.map +1 -1
- package/build/src/md/tabs/internals/Tab.d.ts +25 -9
- package/build/src/md/tabs/internals/Tab.d.ts.map +1 -1
- package/build/src/md/tabs/internals/Tab.js +122 -53
- package/build/src/md/tabs/internals/Tab.js.map +1 -1
- package/build/src/md/tabs/internals/Tab.styles.d.ts.map +1 -1
- package/build/src/md/tabs/internals/Tab.styles.js +69 -64
- package/build/src/md/tabs/internals/Tab.styles.js.map +1 -1
- package/build/src/md/tabs/internals/Tabs.d.ts +52 -54
- package/build/src/md/tabs/internals/Tabs.d.ts.map +1 -1
- package/build/src/md/tabs/internals/Tabs.js +270 -330
- package/build/src/md/tabs/internals/Tabs.js.map +1 -1
- package/build/src/md/tabs/internals/Tabs.styles.d.ts.map +1 -1
- package/build/src/md/tabs/internals/Tabs.styles.js +13 -17
- package/build/src/md/tabs/internals/Tabs.styles.js.map +1 -1
- package/build/src/md/text-field/internals/common.styles.d.ts.map +1 -1
- package/build/src/md/text-field/internals/common.styles.js +0 -3
- package/build/src/md/text-field/internals/common.styles.js.map +1 -1
- package/build/src/styles/m3/native.css +270 -0
- package/build/src/styles/m3/theme.css +155 -0
- package/build/src/styles/m3/tokens.css +512 -0
- package/demo/md/tabs/tabs.html +19 -0
- package/demo/md/tabs/tabs.ts +133 -83
- package/package.json +20 -4
- package/scripts/copy-assets.js +21 -0
- package/src/elements/environment/EnvironmentEditor.ts +8 -6
- package/src/elements/har/HarViewer.ts +13 -15
- package/src/elements/http/RequestEditor.ts +18 -13
- package/src/elements/http/RequestLog.ts +34 -8
- package/src/md/button/internals/button.styles.ts +4 -4
- package/src/md/motion/animation.ts +4 -2
- package/src/md/ripple/internals/ripple.styles.ts +20 -8
- package/src/md/tabs/internals/Tab.styles.ts +69 -64
- package/src/md/tabs/internals/Tab.ts +126 -43
- package/src/md/tabs/internals/Tabs.styles.ts +13 -17
- package/src/md/tabs/internals/Tabs.ts +259 -305
- package/src/md/text-field/internals/common.styles.ts +0 -3
- package/test/elements/har/HarViewerElement.test.ts +1 -55
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { assert, fixture, nextFrame, html } from '@open-wc/testing'
|
|
2
2
|
import sinon from 'sinon'
|
|
3
3
|
import type { Har } from 'har-format'
|
|
4
|
-
import HarViewerElement
|
|
4
|
+
import HarViewerElement from '../../../src/elements/har/HarViewer.js'
|
|
5
5
|
import * as HarUtils from '../../../src/elements/har/HarUtils.js'
|
|
6
6
|
import '../../../src/define/har/har-viewer.js'
|
|
7
7
|
|
|
@@ -655,60 +655,6 @@ describe('HarViewer', () => {
|
|
|
655
655
|
})
|
|
656
656
|
})
|
|
657
657
|
|
|
658
|
-
describe('Entry details rendering', () => {
|
|
659
|
-
let model: Har
|
|
660
|
-
let details: HTMLElement
|
|
661
|
-
|
|
662
|
-
before(async () => {
|
|
663
|
-
model = await readHarFile(demo1file)
|
|
664
|
-
})
|
|
665
|
-
|
|
666
|
-
let element: HarViewerElement
|
|
667
|
-
beforeEach(async () => {
|
|
668
|
-
element = await basicFixture(model)
|
|
669
|
-
const item = element.shadowRoot!.querySelector('.entry-item') as HTMLElement
|
|
670
|
-
item.click()
|
|
671
|
-
await nextFrame()
|
|
672
|
-
details = element.shadowRoot!.querySelector('.entry-details')!
|
|
673
|
-
})
|
|
674
|
-
|
|
675
|
-
it('renders the request info tab by default', () => {
|
|
676
|
-
const tabs = details.querySelector('ui-tabs')!
|
|
677
|
-
assert.equal(tabs.selected, HarTab.request, 'has the selected tab')
|
|
678
|
-
const title = details.querySelector('.entry-details-title')!.textContent!.trim()
|
|
679
|
-
// assert.equal(title, 'Request on 15 Mar 2021, 13:04:59');
|
|
680
|
-
assert.isNotEmpty(title)
|
|
681
|
-
})
|
|
682
|
-
|
|
683
|
-
it('renders the response info tab', async () => {
|
|
684
|
-
const tab = details.querySelectorAll('ui-tabs ui-tab')[1] as HTMLElement
|
|
685
|
-
tab.click()
|
|
686
|
-
await nextFrame()
|
|
687
|
-
const tabs = details.querySelector('ui-tabs')!
|
|
688
|
-
assert.equal(tabs.selected, HarTab.response, 'has the selected tab')
|
|
689
|
-
})
|
|
690
|
-
|
|
691
|
-
it('renders the response content tab', async () => {
|
|
692
|
-
const tab = details.querySelectorAll('ui-tabs ui-tab')[3] as HTMLElement
|
|
693
|
-
tab.click()
|
|
694
|
-
await nextFrame()
|
|
695
|
-
const tabs = details.querySelector('ui-tabs')!
|
|
696
|
-
assert.equal(tabs.selected, HarTab.responseContent, 'has the selected tab')!
|
|
697
|
-
const content = details.querySelector('.details-content pre') as HTMLElement
|
|
698
|
-
assert.ok(content, 'has the content element')
|
|
699
|
-
})
|
|
700
|
-
|
|
701
|
-
it('renders the cookies tab', async () => {
|
|
702
|
-
const tab = details.querySelectorAll('ui-tabs ui-tab')[4] as HTMLElement
|
|
703
|
-
tab.click()
|
|
704
|
-
await nextFrame()
|
|
705
|
-
const tabs = details.querySelector('ui-tabs')!
|
|
706
|
-
assert.equal(tabs.selected, HarTab.cookies, 'has the selected tab')!
|
|
707
|
-
const content = details.querySelector('.details-content .details-list') as HTMLElement
|
|
708
|
-
assert.ok(content, 'has the content element')
|
|
709
|
-
})
|
|
710
|
-
})
|
|
711
|
-
|
|
712
658
|
describe('a11y', () => {
|
|
713
659
|
let model: Har
|
|
714
660
|
|